@womp/kookie-ui 0.14.4 → 0.15.0

package/dist/cjs/components/icon-button.props.js

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(e,o)=>{for(var a in o)s(e,a,{get:o[a],enumerable:!0})},y=(e,o,a,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of d(o))!c.call(e,r)&&r!==a&&s(e,r,{get:()=>o[r],enumerable:!(t=u(o,r))||t.enumerable});return e};var b=e=>y(s({},"__esModule",{value:!0}),e);var w={};m(w,{iconButtonPropDefs:()=>f});module.exports=b(w);function n(e){return e==="classic"?"raised":(e==="override"&&void 0,e)}var i={asChild:{type:"boolean"}};var D=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var l={color:{type:"enum",values:D,default:""}};var P=["none","small","medium","large","full"],p={radius:{type:"enum",values:P,default:void 0}};var v=["1","2","3","4"],g=["raised","solid","soft","surface","outline","ghost","override","classic"],C=["solid","translucent"],h=["solid","translucent"],f={...i,size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:g,default:"raised",parseValue:n},...l,...p,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:h,default:void 0},panelBackground:{type:"enum",values:C,default:void 0},flush:{type:"boolean",default:!1}};
+"use strict";var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},m=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of u(e))!c.call(o,s)&&s!==r&&a(o,s,{get:()=>e[s],enumerable:!(t=i(e,s))||t.enumerable});return o};var y=o=>m(a({},"__esModule",{value:!0}),o);var C={};d(C,{iconButtonPropDefs:()=>p});module.exports=y(C);var n={asChild:{type:"boolean"}};var D=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var l={color:{type:"enum",values:D,default:""}};var P=["none","small","medium","large","full"],f={radius:{type:"enum",values:P,default:void 0}};var b=["1","2","3","4"],g=["raised","solid","soft","surface","outline","ghost"],v=["solid","translucent"],p={...n,size:{type:"enum",className:"rt-r-size",values:b,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:g,default:"solid"},...l,...f,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:v,default:void 0},flush:{type:"boolean",default:!1}};
 //# sourceMappingURL=icon-button.props.js.map

package/dist/cjs/components/icon-button.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/icon-button.props.tsx", "../../../src/helpers/parse-variant.ts", "../../../src/props/as-child.prop.ts", "../../../src/props/color.prop.ts", "../../../src/props/radius.prop.ts", "../../../src/components/_internal/base-button.props.ts"],
-  "sourcesContent": ["export { baseButtonPropDefs as iconButtonPropDefs } from './_internal/base-button.props.js';\n", "import { warnDeprecated } from './warn-deprecated.js';\n\n/**\n * `classic` was renamed `raised` in 0.14.0. The old name still renders, as `raised`, with a\n * one-time warning in development. Button's `override` is not a look but a way out of the\n * styles, so it warns too. Both are removed in 0.15.0.\n */\nfunction parseVariant(value: string): string {\n  if (value === 'classic') {\n    warnDeprecated('`variant=\"classic\"` is deprecated and will be removed in 0.15.0. Use `variant=\"raised\"`.');\n    return 'raised';\n  }\n  if (value === 'override') {\n    warnDeprecated(\n      '`variant=\"override\"` is deprecated and will be removed in 0.15.0. Style the component with `className`, `style` or its CSS variables instead.',\n    );\n  }\n  return value;\n}\n\nexport { parseVariant };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Badge, Avatar, Code, Callout,\n// UserCard): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { parseVariant } from '../../helpers/parse-variant.js';\nimport { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\n/**\n * Available button sizes for responsive design\n * Size 1: 24px - Compact for toolbars and dense interfaces\n * Size 2: 32px - Standard for most interface contexts\n * Size 3: 40px - Large for important actions and mobile touch targets\n * Size 4: 48px - Extra large for hero sections and maximum impact\n */\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Available button variants for different visual contexts\n * - raised: lifted off its ground, with an edge and a shadow (the default)\n * - solid: Primary actions that should be noticed first\n * - soft: Content-heavy interfaces, natural integration\n * - surface: Elevated appearance with subtle depth\n * - outline: Secondary actions that support primary actions\n * - ghost: Utility functions that don't compete for attention\n */\nconst variants = ['raised', 'solid', 'soft', 'surface', 'outline', 'ghost', 'override', 'classic'] as const;\n\n/**\n * Available panel background options (deprecated)\n * @deprecated Use `materials` instead\n */\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\n/**\n * Available material options for visual rendering\n * - solid: Opaque backgrounds and borders\n * - translucent: Elevated effects with depth and visual separation\n */\nconst materials = ['solid', 'translucent'] as const;\n\n/**\n * Base button prop definitions that define the component's API\n * \n * These props are used by all button variants (Button, IconButton, etc.)\n * to ensure consistent behavior and styling across the design system.\n * \n * Key features:\n * - Responsive sizing with mobile-first approach\n * - Six visual variants for different interface contexts\n * - Comprehensive color system with semantic meanings\n * - Loading states with automatic accessibility\n * - Material system for visual depth and elevation\n * - Polymorphic rendering support via asChild\n * \n * @example\n * ```tsx\n * // Basic button with default props\n * <BaseButton>Click me</BaseButton>\n * \n * // Button with custom size and variant\n * <BaseButton size=\"3\" variant=\"solid\">Primary Action</BaseButton>\n * \n * // Button with loading state\n * <BaseButton loading>Processing...</BaseButton>\n * \n * // Button with translucent material\n * <BaseButton material=\"translucent\">Elevated Button</BaseButton>\n * ```\n */\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Button size for responsive design and interface density\n   * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n   */\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  /**\n   * Visual variant that determines the button's appearance and context\n   */\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised', parseValue: parseVariant },\n  ...accentColorPropDef,\n  ...radiusPropDef,\n  /**\n   * Loading state that shows a spinner and disables interaction\n   * Automatically sets disabled=true and provides accessibility announcements\n   */\n  loading: { type: 'boolean', className: 'rt-loading', default: false },\n  /**\n   * Full width mode that expands the button to fill its container\n   * Useful for mobile layouts and form submissions\n   */\n  fullWidth: { type: 'boolean', className: 'rt-full-width', default: false },\n  /**\n   * Material type for visual rendering and depth effects\n   * Controls how the button renders its visual elements\n   */\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * Panel background type (deprecated)\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * Flush mode that removes visual padding for seamless text integration\n   * Only effective with ghost variant\n   */\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GCOA,SAASI,EAAaC,EAAuB,CAC3C,OAAIA,IAAU,UAEL,UAELA,IAAU,YACZ,OAIKA,EACT,CChBA,IAAMC,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAgBvP,IAAMC,EAAqB,CACzB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,EACX,CACF,ECvBA,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,EACR,QAAS,MACX,CACF,ECIA,IAAME,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,QAAS,WAAY,SAAS,EAM3FC,EAAmB,CAAC,QAAS,aAAa,EAO1CC,EAAY,CAAC,QAAS,aAAa,EA+BnCC,EAAqB,CACzB,GAAGC,EAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAI5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,WAAYK,CAAa,EAChH,GAAGC,EACH,GAAGC,EAKH,QAAS,CAAE,KAAM,UAAW,UAAW,aAAc,QAAS,EAAM,EAKpE,UAAW,CAAE,KAAM,UAAW,UAAW,gBAAiB,QAAS,EAAM,EAKzE,SAAU,CAAE,KAAM,OAAQ,OAAQL,EAAW,QAAS,MAAU,EAKhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,EAK9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
-  "names": ["icon_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "parseVariant", "value", "asChildPropDef", "accentColors", "accentColorPropDef", "accentColors", "radii", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "materials", "baseButtonPropDefs", "asChildPropDef", "parseVariant", "accentColorPropDef", "radiusPropDef"]
+  "sources": ["../../../src/components/icon-button.props.tsx", "../../../src/props/as-child.prop.ts", "../../../src/props/color.prop.ts", "../../../src/props/radius.prop.ts", "../../../src/components/_internal/base-button.props.ts"],
+  "sourcesContent": ["export { baseButtonPropDefs as iconButtonPropDefs } from './_internal/base-button.props.js';\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Badge, Avatar, Code): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\n/**\n * Available button sizes for responsive design\n * Size 1: 24px - Compact for toolbars and dense interfaces\n * Size 2: 32px - Standard for most interface contexts\n * Size 3: 40px - Large for important actions and mobile touch targets\n * Size 4: 48px - Extra large for hero sections and maximum impact\n */\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Available button variants for different visual contexts\n * - raised: lifted off its ground, with an edge and a shadow\n * - solid: Primary actions that should be noticed first (the default)\n * - soft: Content-heavy interfaces, natural integration\n * - surface: Elevated appearance with subtle depth\n * - outline: Secondary actions that support primary actions\n * - ghost: Utility functions that don't compete for attention\n */\nconst variants = ['raised', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\n\n/**\n * Available panel background options (deprecated)\n * @deprecated Use `materials` instead\n */\n\n/**\n * Available material options for visual rendering\n * - solid: Opaque backgrounds and borders\n * - translucent: Elevated effects with depth and visual separation\n */\nconst materials = ['solid', 'translucent'] as const;\n\n/**\n * Base button prop definitions that define the component's API\n * \n * These props are used by all button variants (Button, IconButton, etc.)\n * to ensure consistent behavior and styling across the design system.\n * \n * Key features:\n * - Responsive sizing with mobile-first approach\n * - Six visual variants for different interface contexts\n * - Comprehensive color system with semantic meanings\n * - Loading states with automatic accessibility\n * - Material system for visual depth and elevation\n * - Polymorphic rendering support via asChild\n * \n * @example\n * ```tsx\n * // Basic button with default props\n * <BaseButton>Click me</BaseButton>\n * \n * // Button with custom size and variant\n * <BaseButton size=\"3\" variant=\"solid\">Primary Action</BaseButton>\n * \n * // Button with loading state\n * <BaseButton loading>Processing...</BaseButton>\n * \n * // Button with translucent material\n * <BaseButton material=\"translucent\">Elevated Button</BaseButton>\n * ```\n */\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Button size for responsive design and interface density\n   * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n   */\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  /**\n   * Visual variant that determines the button's appearance and context\n   */\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...accentColorPropDef,\n  ...radiusPropDef,\n  /**\n   * Loading state that shows a spinner and disables interaction\n   * Automatically sets disabled=true and provides accessibility announcements\n   */\n  loading: { type: 'boolean', className: 'rt-loading', default: false },\n  /**\n   * Full width mode that expands the button to fill its container\n   * Useful for mobile layouts and form submissions\n   */\n  fullWidth: { type: 'boolean', className: 'rt-full-width', default: false },\n  /**\n   * Material type for visual rendering and depth effects\n   * Controls how the button renders its visual elements\n   */\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * Panel background type (deprecated)\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  /**\n   * Flush mode that removes visual padding for seamless text integration\n   * Only effective with ghost variant\n   */\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAgBvP,IAAMC,EAAqB,CACzB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,EACX,CACF,ECvBA,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,EACR,QAAS,MACX,CACF,ECGA,IAAME,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,OAAO,EAYpEC,EAAY,CAAC,QAAS,aAAa,EA+BnCC,EAAqB,CACzB,GAAGC,EAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAI5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAGI,EACH,GAAGC,EAKH,QAAS,CAAE,KAAM,UAAW,UAAW,aAAc,QAAS,EAAM,EAKpE,UAAW,CAAE,KAAM,UAAW,UAAW,gBAAiB,QAAS,EAAM,EAKzE,SAAU,CAAE,KAAM,OAAQ,OAAQJ,EAAW,QAAS,MAAU,EAShE,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["icon_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "asChildPropDef", "accentColors", "accentColorPropDef", "accentColors", "radii", "radiusPropDef", "sizes", "variants", "materials", "baseButtonPropDefs", "asChildPropDef", "accentColorPropDef", "radiusPropDef"]
 }

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

@@ -20,11 +20,6 @@ type ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {
      * Shows a skeleton placeholder while loading
      */
     showSkeleton?: boolean;
-    /**
-     * Whether the image should fade in when loaded
-     * @default true
-     */
-    fadeIn?: boolean;
     /**
      * Callback fired when the image successfully loads
      */

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,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,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,UAAU,gBACR,SAAQ,WAAW,EACjB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa;CAAG;AAEpB,KAAK,aAAa,GAAG;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC;AACxH,KAAK,mBAAmB,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAClF,KAAK,UAAU,GAAG,gBAAgB,GAAG,CAAC,aAAa,GAAG,mBAAmB,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,KAAK;SAvCiB,KAAK;;QACA,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;yEAgPvD,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,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,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,UAAU,gBACR,SAAQ,WAAW,EACjB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa;CAAG;AAEpB,KAAK,aAAa,GAAG;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC;AACxH,KAAK,mBAAmB,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAClF,KAAK,UAAU,GAAG,gBAAgB,GAAG,CAAC,aAAa,GAAG,mBAAmB,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,KAAK;SAvCiB,KAAK;;QACA,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC;yEA6OvD,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/cjs/components/image.js

@@ -1,2 +1,2 @@
-"use strict";var Se=Object.create;var N=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var Ve=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var Te=(t,e)=>{for(var r in e)N(t,r,{get:e[r],enumerable:!0})},Q=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of xe(e))!we.call(t,o)&&o!==r&&N(t,o,{get:()=>e[o],enumerable:!(a=Ne(e,o))||a.enumerable});return t};var v=(t,e,r)=>(r=t!=null?Se(Ve(t)):{},Q(e||!t||!t.__esModule?N(r,"default",{value:t,enumerable:!0}):r,t)),Ce=t=>Q(N({},"__esModule",{value:!0}),t);var qe={};Te(qe,{Image:()=>de});module.exports=Ce(qe);var m=v(require("react")),$=v(require("classnames"));var Z={asChild:{type:"boolean"}};var ke=["none","small","medium","large","full"],ee={radius:{type:"enum",values:ke,default:void 0}};var Ee=["cover","contain","fill","scale-down","none"],te={...Z,...ee,fit:{type:"enum",className:"rt-r-fit",values:Ee,default:"cover",responsive:!0},loadingAriaLabel:{type:"string",default:"Loading image..."},errorAriaLabel:{type:"string",default:"Failed to load image"},caption:{type:"string",default:void 0}};var ne=v(require("classnames"));var je=[],Ie=new Set;function Le(t){let e=Object.assign({},...t),r=[],a=[],o=new Set;for(let i in e){let n=e[i],l=n.values??je,p={key:i,type:n.type,default:n.default,hasDefault:n.default!==void 0,responsive:"responsive"in n,className:n.className,customProperties:n.customProperties,parseValue:n.parseValue,values:l,valueSet:l.length>0?new Set(l):Ie,enumValueSet:n.type==="enum"?new Set([n.default,...l]):void 0};n.className?(r.push(p),o.add(i)):(p.hasDefault||n.type==="enum")&&a.push(p)}return{styling:r,passthrough:a,stylingKeys:o}}var Oe={children:new WeakMap};function re(t){let e=Oe;for(let r=0;r<t.length;r++){let a=t[r],o=e.children.get(a);o===void 0&&(o={children:new WeakMap},e.children.set(a,o)),e=o}return e.compiled??(e.compiled=Le(t))}var Ge=["initial","xs","sm","md","lg","xl"],O=new Set(Ge);function G(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var We=new Set(["initial","xs","sm","md","lg","xl"]);function c(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(We.has(e))return!0;return!1}function x(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function oe({className:t,customProperties:e,...r}){let a=W({allowArbitraryValues:!0,className:t,...r}),o=Me({customProperties:e,...r});return[a,o]}function W({allowArbitraryValues:t,value:e,className:r,propValues:a,propValueSet:o,parseValue:i=n=>n}){if(e){if(typeof e=="string")return x(a,o,e)?se(r,e,i):t?r:void 0;if(c(e)){let n=e,l=[];for(let p in n){if(!G(n,p)||!O.has(p))continue;let s=n[p];if(s!==void 0){if(x(a,o,s)){let f=se(r,s,i),d=p==="initial"?f:`${p}:${f}`;l.push(d)}else if(t){let f=p==="initial"?r:`${p}:${r}`;l.push(f)}}}return l.length>0?l.join(" "):""}if(t)return r}}function se(t,e,r){let a=t?"-":"",o=r(e),i=o?.startsWith("-"),n=i?"-":"",l=i?o?.substring(1):o;return`${n}${t}${a}${l}`}function Me({customProperties:t,value:e,propValues:r,propValueSet:a,parseValue:o=i=>i}){if(!e||typeof e=="string"&&x(r,a,e))return;let i;if(typeof e=="string"){let n=o(e);i={};for(let l of t)i[l]=n;return i}if(c(e)){let n=e;for(let l in n){if(!G(n,l)||!O.has(l))continue;let p=n[l];if(p===void 0||x(r,a,p))continue;let s=o(p);i??(i={});for(let f of t){let d=l==="initial"?f:`${f}-${l}`;i[d]=s}}}return i??{}}function M(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function He(t,e){let r=t.initial,a=!1;return e.hasDefault&&r===void 0&&(r=e.default,a=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,a=!0),a?{...t,initial:r}:t}function V(t,...e){let{styling:r,passthrough:a,stylingKeys:o}=re(e),i={};for(let p in t)o.has(p)||(i[p]=t[p]);for(let p=0;p<a.length;p++){let s=a[p],f=i[s.key];if(f===void 0){s.hasDefault&&(i[s.key]=s.default);continue}s.enumValueSet!==void 0&&!s.enumValueSet.has(f)&&!c(f)&&(i[s.key]=s.default)}let n,l=[];for(let p=0;p<r.length;p++){let s=r[p],f=t[s.key];if(f===void 0&&s.hasDefault&&(f=s.default),s.enumValueSet!==void 0&&!s.enumValueSet.has(f)&&!c(f)&&(f=s.default),!!f){if(c(f)){if(!s.responsive)continue;f=He(f,s)}if(s.type==="enum"){let d=W({allowArbitraryValues:!1,value:f,className:s.className,propValues:s.values,propValueSet:s.valueSet,parseValue:s.parseValue});d&&l.push(d);continue}if(s.type==="string"||s.type==="enum | string"){let[d,D]=oe({className:s.className,customProperties:s.customProperties,propValues:s.type==="string"?[]:s.values,propValueSet:s.type==="string"?void 0:s.valueSet,parseValue:s.parseValue,value:f});D&&(n=M(n,D)),d&&l.push(d);continue}if(s.type==="boolean"){l.push(s.className);continue}}}return i.className=(0,ne.default)(l.length>0?l.join(" "):void 0,t.className),i.style=M(n,t.style),i}var g=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],w={m:{type:"enum | string",values:g,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:g,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:g,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var h={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var b={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var y=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ie={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:y,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:y,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:y,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:y,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:y,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:y,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:y,responsive:!0}};var H=["visible","hidden","clip","scroll","auto"],Ae=["static","relative","absolute","fixed","sticky"],R=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],$e=["0","1"],Be=["0","1"],Ke=["start","center","end","baseline","stretch"],Ue=["start","center","end","baseline","stretch"],pe={...ie,...h,...b,position:{type:"enum",className:"rt-r-position",values:Ae,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:R,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:R,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:R,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:R,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:R,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:H,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:H,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:H,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:$e,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:Be,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:Ke,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Ue,responsive:!0}};var P=v(require("react")),me=v(require("classnames")),ue=require("radix-ui");var ae=v(require("react")),le=Number.parseFloat(ae.version)>=19||"";var fe={loading:{type:"boolean",default:!0},...h,...b};var A=P.forwardRef((t,e)=>{let{children:r,className:a,loading:o,...i}=V(t,fe,w);if(!o)return r;let n=P.isValidElement(r)?ue.Slot.Root:"span";return P.createElement(n,{ref:e,"aria-hidden":!0,className:(0,me.default)("rt-Skeleton",a),"data-inline-skeleton":P.isValidElement(r)?void 0:!0,tabIndex:-1,inert:le,...i},r)});A.displayName="Skeleton";var de=m.forwardRef((t,e)=>{let r=typeof t.width=="number"?t.width:void 0,a=typeof t.height=="number"?t.height:void 0,o="fill"in t&&t.fill===!0,{as:i="img",asChild:n,fill:l,className:p,style:s,loading:f="lazy",alt:d,src:D,placeholder:T,showSkeleton:ce=!1,fadeIn:S=!0,loadingAriaLabel:ge="Loading image...",errorAriaLabel:ye="Failed to load image",radius:Pe,caption:B,onLoad:K,onError:U,...De}=V(t,te,w,h,b,pe),ve=i!=="img"?{width:r,height:a,...o?{fill:!0}:{}}:{},[C,k]=m.useState("loading"),[he,E]=m.useState(!!T),q=m.useRef(null),be=m.useCallback(u=>{k("loaded"),E(!1),K?.(u)},[K]),Re=m.useCallback(u=>{k("error"),E(!1),U?.(u)},[U]);if(m.useEffect(()=>{let u=q.current;u&&u.complete&&u.naturalWidth>0&&(k("loaded"),E(!1))},[D]),!D)return console.warn("Image component: src prop is required"),null;let j=C==="loading",I=C==="error",F=C==="loaded",L=o?{display:"block",opacity:S?F?1:0:1,transition:S?"opacity 0.3s ease-out":"none"}:{width:"100%",height:"100%",display:"block",opacity:S?F?1:0:1,transition:S?"opacity 0.3s ease-out":"none"},z=m.createElement(i,{ref:u=>{q.current=u,typeof e=="function"?e(u):e&&(e.current=u)},loading:f,style:o?L:{...L,position:"relative",zIndex:1},className:(0,$.default)("rt-reset","rt-Image"),alt:d,src:D,"data-radius":Pe,onLoad:be,onError:Re,"aria-busy":j,"aria-invalid":I,"aria-describedby":I?"image-error":void 0,...ve,...De}),Y=j&&m.createElement("div",{className:"rt-sr-only","aria-live":"polite",role:"status"},ge),_=I&&m.createElement("div",{id:"image-error",className:"rt-sr-only","aria-live":"polite",role:"alert"},ye),X=ce&&j&&m.createElement(A,{width:"100%",height:"100%",style:{position:"absolute",inset:0}}),J=T&&he&&m.createElement("img",{style:{...L,position:"absolute",inset:0,filter:"blur(4px)",opacity:.7,zIndex:0},className:(0,$.default)("rt-reset","rt-Image","rt-Image--placeholder"),alt:"",src:T});if(!B){let u=o?{position:"absolute",inset:0,...s}:{position:"relative",...s};return m.createElement("div",{className:p,style:u},Y,_,X,J,z)}return m.createElement("div",{className:p,style:{display:"flex",flexDirection:"column",...s}},m.createElement("div",{style:{position:"relative",flex:"1 1 0%",minHeight:0}},Y,_,X,J,z),m.createElement("div",{className:"rt-Image-caption",style:{flex:"0 0 auto"}},B))});de.displayName="Image";
+"use strict";var Re=Object.create;var S=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,Ve=Object.prototype.hasOwnProperty;var we=(t,e)=>{for(var r in e)S(t,r,{get:e[r],enumerable:!0})},J=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Ne(e))!Ve.call(t,o)&&o!==r&&S(t,o,{get:()=>e[o],enumerable:!(a=Se(e,o))||a.enumerable});return t};var v=(t,e,r)=>(r=t!=null?Re(xe(t)):{},J(e||!t||!t.__esModule?S(r,"default",{value:t,enumerable:!0}):r,t)),Te=t=>J(S({},"__esModule",{value:!0}),t);var Ue={};we(Ue,{Image:()=>ue});module.exports=Te(Ue);var m=v(require("react")),A=v(require("classnames"));var Q={asChild:{type:"boolean"}};var Ce=["none","small","medium","large","full"],Z={radius:{type:"enum",values:Ce,default:void 0}};var ke=["cover","contain","fill","scale-down","none"],ee={...Q,...Z,fit:{type:"enum",className:"rt-r-fit",values:ke,default:"cover",responsive:!0},loadingAriaLabel:{type:"string",default:"Loading image..."},errorAriaLabel:{type:"string",default:"Failed to load image"},caption:{type:"string",default:void 0}};var oe=v(require("classnames"));var Ee=[],je=new Set;function Ie(t){let e=Object.assign({},...t),r=[],a=[],o=new Set;for(let i in e){let n=e[i],l=n.values??Ee,p={key:i,type:n.type,default:n.default,hasDefault:n.default!==void 0,responsive:"responsive"in n,className:n.className,customProperties:n.customProperties,parseValue:n.parseValue,values:l,valueSet:l.length>0?new Set(l):je,enumValueSet:n.type==="enum"?new Set([n.default,...l]):void 0};n.className?(r.push(p),o.add(i)):(p.hasDefault||n.type==="enum")&&a.push(p)}return{styling:r,passthrough:a,stylingKeys:o}}var Le={children:new WeakMap};function te(t){let e=Le;for(let r=0;r<t.length;r++){let a=t[r],o=e.children.get(a);o===void 0&&(o={children:new WeakMap},e.children.set(a,o)),e=o}return e.compiled??(e.compiled=Ie(t))}var Oe=["initial","xs","sm","md","lg","xl"],L=new Set(Oe);function O(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Ge=new Set(["initial","xs","sm","md","lg","xl"]);function c(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Ge.has(e))return!0;return!1}function N(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function se({className:t,customProperties:e,...r}){let a=G({allowArbitraryValues:!0,className:t,...r}),o=We({customProperties:e,...r});return[a,o]}function G({allowArbitraryValues:t,value:e,className:r,propValues:a,propValueSet:o,parseValue:i=n=>n}){if(e){if(typeof e=="string")return N(a,o,e)?re(r,e,i):t?r:void 0;if(c(e)){let n=e,l=[];for(let p in n){if(!O(n,p)||!L.has(p))continue;let s=n[p];if(s!==void 0){if(N(a,o,s)){let f=re(r,s,i),d=p==="initial"?f:`${p}:${f}`;l.push(d)}else if(t){let f=p==="initial"?r:`${p}:${r}`;l.push(f)}}}return l.length>0?l.join(" "):""}if(t)return r}}function re(t,e,r){let a=t?"-":"",o=r(e),i=o?.startsWith("-"),n=i?"-":"",l=i?o?.substring(1):o;return`${n}${t}${a}${l}`}function We({customProperties:t,value:e,propValues:r,propValueSet:a,parseValue:o=i=>i}){if(!e||typeof e=="string"&&N(r,a,e))return;let i;if(typeof e=="string"){let n=o(e);i={};for(let l of t)i[l]=n;return i}if(c(e)){let n=e;for(let l in n){if(!O(n,l)||!L.has(l))continue;let p=n[l];if(p===void 0||N(r,a,p))continue;let s=o(p);i??(i={});for(let f of t){let d=l==="initial"?f:`${f}-${l}`;i[d]=s}}}return i??{}}function W(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function Me(t,e){let r=t.initial,a=!1;return e.hasDefault&&r===void 0&&(r=e.default,a=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,a=!0),a?{...t,initial:r}:t}function x(t,...e){let{styling:r,passthrough:a,stylingKeys:o}=te(e),i={};for(let p in t)o.has(p)||(i[p]=t[p]);for(let p=0;p<a.length;p++){let s=a[p],f=i[s.key];if(f===void 0){s.hasDefault&&(i[s.key]=s.default);continue}s.enumValueSet!==void 0&&!s.enumValueSet.has(f)&&!c(f)&&(i[s.key]=s.default)}let n,l=[];for(let p=0;p<r.length;p++){let s=r[p],f=t[s.key];if(f===void 0&&s.hasDefault&&(f=s.default),s.enumValueSet!==void 0&&!s.enumValueSet.has(f)&&!c(f)&&(f=s.default),!!f){if(c(f)){if(!s.responsive)continue;f=Me(f,s)}if(s.type==="enum"){let d=G({allowArbitraryValues:!1,value:f,className:s.className,propValues:s.values,propValueSet:s.valueSet,parseValue:s.parseValue});d&&l.push(d);continue}if(s.type==="string"||s.type==="enum | string"){let[d,D]=se({className:s.className,customProperties:s.customProperties,propValues:s.type==="string"?[]:s.values,propValueSet:s.type==="string"?void 0:s.valueSet,parseValue:s.parseValue,value:f});D&&(n=W(n,D)),d&&l.push(d);continue}if(s.type==="boolean"){l.push(s.className);continue}}}return i.className=(0,oe.default)(l.length>0?l.join(" "):void 0,t.className),i.style=W(n,t.style),i}var g=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],V={m:{type:"enum | string",values:g,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:g,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:g,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:g,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var h={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var b={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var y=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ne={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:y,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:y,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:y,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:y,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:y,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:y,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:y,responsive:!0}};var M=["visible","hidden","clip","scroll","auto"],He=["static","relative","absolute","fixed","sticky"],R=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Ae=["0","1"],$e=["0","1"],Be=["start","center","end","baseline","stretch"],Ke=["start","center","end","baseline","stretch"],ie={...ne,...h,...b,position:{type:"enum",className:"rt-r-position",values:He,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:R,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:R,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:R,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:R,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:R,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:M,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:M,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:M,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:Ae,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:$e,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:Be,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Ke,responsive:!0}};var P=v(require("react")),fe=v(require("classnames")),me=require("radix-ui");var pe=v(require("react")),ae=Number.parseFloat(pe.version)>=19||"";var le={loading:{type:"boolean",default:!0},...h,...b};var H=P.forwardRef((t,e)=>{let{children:r,className:a,loading:o,...i}=x(t,le,V);if(!o)return r;let n=P.isValidElement(r)?me.Slot.Root:"span";return P.createElement(n,{ref:e,"aria-hidden":!0,className:(0,fe.default)("rt-Skeleton",a),"data-inline-skeleton":P.isValidElement(r)?void 0:!0,tabIndex:-1,inert:ae,...i},r)});H.displayName="Skeleton";var ue=m.forwardRef((t,e)=>{let r=typeof t.width=="number"?t.width:void 0,a=typeof t.height=="number"?t.height:void 0,o="fill"in t&&t.fill===!0,{as:i="img",asChild:n,fill:l,className:p,style:s,loading:f="lazy",alt:d,src:D,placeholder:w,showSkeleton:de=!1,loadingAriaLabel:ce="Loading image...",errorAriaLabel:ge="Failed to load image",radius:ye,caption:$,onLoad:B,onError:K,...Pe}=x(t,ee,V,h,b,ie),De=i!=="img"?{width:r,height:a,...o?{fill:!0}:{}}:{},[T,C]=m.useState("loading"),[ve,k]=m.useState(!!w),U=m.useRef(null),he=m.useCallback(u=>{C("loaded"),k(!1),B?.(u)},[B]),be=m.useCallback(u=>{C("error"),k(!1),K?.(u)},[K]);if(m.useEffect(()=>{let u=U.current;u&&u.complete&&u.naturalWidth>0&&(C("loaded"),k(!1))},[D]),!D)return console.warn("Image component: src prop is required"),null;let E=T==="loading",j=T==="error",q=T==="loaded",I=o?{display:"block",opacity:q?1:0}:{width:"100%",height:"100%",display:"block",opacity:q?1:0},F=m.createElement(i,{ref:u=>{U.current=u,typeof e=="function"?e(u):e&&(e.current=u)},loading:f,style:o?I:{...I,position:"relative",zIndex:1},className:(0,A.default)("rt-reset","rt-Image"),alt:d,src:D,"data-radius":ye,onLoad:he,onError:be,"aria-busy":E,"aria-invalid":j,"aria-describedby":j?"image-error":void 0,...De,...Pe}),z=E&&m.createElement("div",{className:"rt-sr-only","aria-live":"polite",role:"status"},ce),Y=j&&m.createElement("div",{id:"image-error",className:"rt-sr-only","aria-live":"polite",role:"alert"},ge),_=de&&E&&m.createElement(H,{width:"100%",height:"100%",style:{position:"absolute",inset:0}}),X=w&&ve&&m.createElement("img",{style:{...I,position:"absolute",inset:0,filter:"blur(4px)",opacity:.7,zIndex:0},className:(0,A.default)("rt-reset","rt-Image","rt-Image--placeholder"),alt:"",src:w});if(!$){let u=o?{position:"absolute",inset:0,...s}:{position:"relative",...s};return m.createElement("div",{className:p,style:u},z,Y,_,X,F)}return m.createElement("div",{className:p,style:{display:"flex",flexDirection:"column",...s}},m.createElement("div",{style:{position:"relative",flex:"1 1 0%",minHeight:0}},z,Y,_,X,F),m.createElement("div",{className:"rt-Image-caption",style:{flex:"0 0 auto"}},$))});ue.displayName="Image";
 //# sourceMappingURL=image.js.map