@womp/kookie-ui 0.3.22

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/components/hover-card.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { HoverCard as HoverCardPrimitive } from 'radix-ui';
+import type { HoverCardContentOwnProps } from './hover-card.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+interface HoverCardRootProps extends React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root> {
+}
+declare const HoverCardRoot: React.FC<HoverCardRootProps>;
+interface HoverCardTriggerProps extends ComponentPropsWithout<typeof HoverCardPrimitive.Trigger, RemovedProps> {
+}
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+interface HoverCardContentProps extends ComponentPropsWithout<typeof HoverCardPrimitive.Content, RemovedProps>, HoverCardContentOwnProps {
+    container?: React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Portal>['container'];
+}
+declare const HoverCardContent: React.ForwardRefExoticComponent<HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
+export { HoverCardRoot as Root, HoverCardTrigger as Trigger, HoverCardContent as Content };
+export type { HoverCardRootProps as RootProps, HoverCardTriggerProps as TriggerProps, HoverCardContentProps as ContentProps, };
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/esm/components/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAO3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,UAAU,kBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;CAAG;AAC3E,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAE/C,CAAC;AAIF,UAAU,qBACR,SAAQ,qBAAqB,CAAC,OAAO,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AACnF,QAAA,MAAM,gBAAgB,iGAWrB,CAAC;AAIF,UAAU,qBACR,SAAQ,qBAAqB,CAAC,OAAO,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC5E,wBAAwB;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC3F;AACD,QAAA,MAAM,gBAAgB,8FAqBrB,CAAC;AAGF,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,gBAAgB,IAAI,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC;AAC3F,YAAY,EACV,kBAAkB,IAAI,SAAS,EAC/B,qBAAqB,IAAI,YAAY,EACrC,qBAAqB,IAAI,YAAY,GACtC,CAAC"}

package/dist/esm/components/hover-card.js

@@ -0,0 +1,2 @@
+import{a,b,c}from"../chunk-U7AASKZI.js";import"../chunk-VJSZG35J.js";import"../chunk-MJJ7XDIP.js";import"../chunk-LN5SP46K.js";import"../chunk-F22ZRNWL.js";import"../chunk-T27QHMW7.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-KMPBTEZH.js";import"../chunk-E23RKOQJ.js";import"../chunk-ZMEXIPWM.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-KRJTW535.js";import"../chunk-NZJGC6ZW.js";import"../chunk-66ZLZAAJ.js";import"../chunk-3XT5P2HO.js";export{c as Content,a as Root,b as Trigger};
+//# sourceMappingURL=hover-card.js.map

package/dist/esm/components/hover-card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/components/hover-card.props.d.ts

@@ -0,0 +1,57 @@
+import { asChildPropDef } from '../props/as-child.prop.js';
+import { heightPropDefs } from '../props/height.props.js';
+import { widthPropDefs } from '../props/width.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+declare const hoverCardContentPropDefs: {
+    height: {
+        type: "string";
+        className: string;
+        customProperties: "--height"[];
+        responsive: true;
+    };
+    minHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--min-height"[];
+        responsive: true;
+    };
+    maxHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--max-height"[];
+        responsive: true;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3"];
+        default: "2";
+        responsive: true;
+    };
+    width: {
+        type: "string";
+        className: string;
+        customProperties: "--width"[];
+        responsive: true;
+    };
+    minWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--min-width"[];
+        responsive: true;
+    };
+    maxWidth: {
+        default: string;
+        type: "string";
+        className: string;
+        customProperties: "--max-width"[];
+        responsive: true;
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+type HoverCardContentOwnProps = GetPropDefTypes<typeof hoverCardContentPropDefs & typeof asChildPropDef & typeof widthPropDefs & typeof heightPropDefs>;
+export { hoverCardContentPropDefs };
+export type { HoverCardContentOwnProps };
+//# sourceMappingURL=hover-card.props.d.ts.map

package/dist/esm/components/hover-card.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.props.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIrE,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB7B,CAAC;AAEF,KAAK,wBAAwB,GAAG,eAAe,CAC7C,OAAO,wBAAwB,GAC7B,OAAO,cAAc,GACrB,OAAO,aAAa,GACpB,OAAO,cAAc,CACxB,CAAC;AAEF,OAAO,EAAE,wBAAwB,EAAE,CAAC;AACpC,YAAY,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/esm/components/hover-card.props.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-VJSZG35J.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-NZJGC6ZW.js";import"../chunk-3XT5P2HO.js";export{a as hoverCardContentPropDefs};
+//# sourceMappingURL=hover-card.props.js.map

package/dist/esm/components/hover-card.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/components/icon-button.d.ts

@@ -0,0 +1,106 @@
+import * as React from 'react';
+import { BaseButton } from './_internal/base-button.js';
+import type { BaseButtonProps } from './_internal/base-button.js';
+type IconButtonElement = React.ElementRef<typeof BaseButton>;
+/**
+ * Required accessibility props for icon buttons
+ * Icon buttons must have an accessible name to meet WCAG guidelines
+ *
+ * Three ways to provide accessibility:
+ * 1. aria-label: Direct descriptive text
+ * 2. aria-labelledby: Reference to a label element
+ * 3. children: Visible text content (fallback)
+ */
+type AccessibilityProps = {
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    children: React.ReactNode;
+};
+/**
+ * Tooltip configuration props that can be passed to IconButton
+ * These props are forwarded to the underlying Tooltip component
+ */
+interface IconButtonTooltipProps {
+    /** Content to display in the tooltip on hover/focus */
+    tooltip?: React.ReactNode;
+    /** Side of the button where the tooltip should appear */
+    tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
+    /** Alignment of the tooltip relative to the button */
+    tooltipAlign?: 'start' | 'center' | 'end';
+    /** Delay before showing the tooltip (in milliseconds) */
+    tooltipDelayDuration?: number;
+    /** Whether to disable hoverable content behavior */
+    tooltipDisableHoverableContent?: boolean;
+}
+/**
+ * Core IconButton props excluding the 'as' prop for polymorphic behavior
+ * Combines BaseButton props with accessibility requirements and tooltip functionality
+ */
+type IconButtonOwnProps = Omit<BaseButtonProps, 'as'> & AccessibilityProps & IconButtonTooltipProps;
+/**
+ * Polymorphic IconButton props that support rendering as different HTML elements
+ * @template C - The element type to render as (defaults to 'button')
+ */
+type IconButtonProps<C extends React.ElementType = 'button'> = IconButtonOwnProps & {
+    /** Element type to render as (e.g., 'a', 'span', etc.) */
+    as?: C;
+} & Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonOwnProps>;
+/**
+ * IconButton component type that supports polymorphic rendering
+ * @template C - The element type to render as
+ */
+type IconButtonComponent = <C extends React.ElementType = 'button'>(props: IconButtonProps<C> & {
+    ref?: React.ForwardedRef<IconButtonElement>;
+}) => React.ReactElement | null;
+/**
+ * IconButton component for compact, accessible icon-only interactions
+ *
+ * The IconButton component extends Button with specialized behavior for visual symbols.
+ * It enforces accessibility requirements, provides automatic square sizing, and includes
+ * built-in tooltip integration. Icon buttons are essential for space-efficient interfaces
+ * while maintaining accessibility compliance.
+ *
+ * Key features:
+ * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)
+ * - Automatic square aspect ratios for consistent visual alignment
+ * - Built-in tooltip support for context and guidance
+ * - Same variant and size system as Button for consistency
+ * - Runtime validation for accessibility compliance
+ *
+ * @example
+ * ```tsx
+ * // Basic icon button with aria-label
+ * <IconButton aria-label="Settings">
+ *   <Settings />
+ * </IconButton>
+ *
+ * // Icon button with tooltip
+ * <IconButton aria-label="Save" tooltip="Save your progress">
+ *   <Save />
+ * </IconButton>
+ *
+ * // Icon button with aria-labelledby
+ * <IconButton aria-labelledby="settings-label">
+ *   <Settings />
+ * </IconButton>
+ * <span id="settings-label">Open settings panel</span>
+ *
+ * // Icon button with visible text (fallback)
+ * <IconButton>
+ *   <Settings />
+ *   Settings
+ * </IconButton>
+ * ```
+ */
+declare const IconButton: IconButtonComponent & {
+    displayName?: string;
+};
+export { IconButton };
+export type { IconButtonProps };
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/esm/components/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAGxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,KAAK,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7D;;;;;;;;GAQG;AACH,KAAK,kBAAkB,GACnB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,GACnD;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEnF;;;GAGG;AACH,UAAU,sBAAsB;IAC9B,uDAAuD;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oDAAoD;IACpD,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED;;;GAGG;AACH,KAAK,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,kBAAkB,GAAG,sBAAsB,CAAC;AAEpG;;;GAGG;AACH,KAAK,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,kBAAkB,GAAG;IAClF,0DAA0D;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC;AAEtE;;;GAGG;AACH,KAAK,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE9K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,UAAU,EA6CX,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAIpD,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/esm/components/icon-button.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-GLC4QJBF.js";import"../chunk-2N2AQNJH.js";import"../chunk-XHQGMOXV.js";import"../chunk-BPVVFHYD.js";import"../chunk-LN5SP46K.js";import"../chunk-F22ZRNWL.js";import"../chunk-T27QHMW7.js";import"../chunk-4OBMRJHC.js";import"../chunk-4TCXI3L3.js";import"../chunk-G2CKYO2I.js";import"../chunk-AXUDFYLY.js";import"../chunk-KNQBAOMV.js";import"../chunk-FD2TR343.js";import"../chunk-WYADYDPN.js";import"../chunk-ZE2KAVXW.js";import"../chunk-DZ4H2KTP.js";import"../chunk-QLZ5XAW6.js";import"../chunk-3KB2XWBE.js";import"../chunk-FVCWNSRU.js";import"../chunk-SMGDH54W.js";import"../chunk-SNR5VFWG.js";import"../chunk-FWB47YCH.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-5T6K7VPP.js";import"../chunk-AGAQC4HH.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-GSTOGDAJ.js";import"../chunk-KMPBTEZH.js";import"../chunk-E23RKOQJ.js";import"../chunk-ZMEXIPWM.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-D2AZAGGP.js";import"../chunk-KRJTW535.js";import"../chunk-NZJGC6ZW.js";import"../chunk-HOHUDTTL.js";import"../chunk-66ZLZAAJ.js";import"../chunk-3XT5P2HO.js";export{a as IconButton};
+//# sourceMappingURL=icon-button.js.map

package/dist/esm/components/icon-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/components/icon-button.props.d.ts

@@ -0,0 +1,2 @@
+export { baseButtonPropDefs as iconButtonPropDefs } from './_internal/base-button.props.js';
+//# sourceMappingURL=icon-button.props.d.ts.map

package/dist/esm/components/icon-button.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.props.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,IAAI,kBAAkB,EAAE,MAAM,kCAAkC,CAAC"}

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

@@ -0,0 +1,2 @@
+import"../chunk-YKPMLM7M.js";import{a}from"../chunk-D2AZAGGP.js";import"../chunk-KRJTW535.js";import"../chunk-NZJGC6ZW.js";import"../chunk-HOHUDTTL.js";import"../chunk-66ZLZAAJ.js";import"../chunk-3XT5P2HO.js";export{a as iconButtonPropDefs};
+//# sourceMappingURL=icon-button.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+interface IconProps extends ComponentPropsWithout<'svg', RemovedProps | 'children'> {
+}
+declare const ThickDividerHorizontalIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const ThickCheckIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const ChevronDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const ThickChevronRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const ThickChevronLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const ThickDotIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+export { ChevronDownIcon, ThickCheckIcon, ThickChevronLeftIcon, ThickChevronRightIcon, ThickDividerHorizontalIcon, ThickDotIcon };
+export type { IconProps };
+declare const CloseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const PaperclipIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const FileIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare const FileTextIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+export { CloseIcon, PaperclipIcon, FileIcon, FileTextIcon };
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGzF,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,UAAU,CAAC;CAAG;AAEtF,QAAA,MAAM,0BAA0B,iFAU9B,CAAC;AAIH,QAAA,MAAM,cAAc,iFAUlB,CAAC;AAGH,QAAA,MAAM,eAAe,iFAMnB,CAAC;AAGH,QAAA,MAAM,qBAAqB,iFAUzB,CAAC;AAGH,QAAA,MAAM,oBAAoB,iFAUxB,CAAC;AAGH,QAAA,MAAM,YAAY,iFAMhB,CAAC;AAGH,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,YAAY,EAAE,CAAC;AAClI,YAAY,EAAE,SAAS,EAAE,CAAC;AAG1B,QAAA,MAAM,SAAS,iFAmBb,CAAC;AAGH,QAAA,MAAM,aAAa,iFAkBjB,CAAC;AAGH,QAAA,MAAM,QAAQ,iFAOZ,CAAC;AAGH,QAAA,MAAM,YAAY,iFAUhB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/icons.js

@@ -0,0 +1,2 @@
+import{a,b,c,d,e,f,g,h,i,j}from"../chunk-IX5HIHVI.js";import"../chunk-3XT5P2HO.js";export{c as ChevronDownIcon,g as CloseIcon,i as FileIcon,j as FileTextIcon,h as PaperclipIcon,b as ThickCheckIcon,e as ThickChevronLeftIcon,d as ThickChevronRightIcon,a as ThickDividerHorizontalIcon,f as ThickDotIcon};
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,101 @@
+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 { LayoutProps } from '../props/layout.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {
+    /**
+     * Native loading behavior for the image
+     * @default 'lazy'
+     */
+    loading?: 'eager' | 'lazy';
+    /**
+     * Placeholder image URL to show while the main image is loading (LQIP pattern)
+     */
+    placeholder?: string;
+    /**
+     * 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
+     */
+    onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+    /**
+     * Callback fired when the image fails to load
+     */
+    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+    /**
+     * Alternative text for the image (required for accessibility)
+     */
+    alt: string;
+    /**
+     * Image source URL
+     */
+    src: string;
+    /**
+     * When true, the image will fill its parent container (for Next.js Image compatibility).
+     * Parent must have `position: relative` and defined dimensions.
+     */
+    fill?: boolean;
+};
+interface CommonImageProps extends MarginProps, WidthProps, HeightProps, LayoutProps, ImageOwnProps {
+}
+type ImageImgProps = {
+    as?: 'img';
+} & ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>;
+type ImageComponentProps = {
+    as: React.ComponentType<any>;
+} & Record<string, any>;
+type ImageProps = CommonImageProps & (ImageImgProps | ImageComponentProps);
+/**
+ * Image component for displaying images with enhanced loading states and accessibility.
+ *
+ * Supports polymorphic rendering via the `as` prop for Next.js Image compatibility.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Image src="/photo.jpg" alt="Team photo" />
+ *
+ * // With Next.js Image (fixed dimensions)
+ * import NextImage from 'next/image';
+ * <Image as={NextImage} src="/photo.jpg" alt="..." width={400} height={300} />
+ *
+ * // With Next.js Image (fill mode - parent needs position: relative and dimensions)
+ * <div style={{ position: 'relative', width: '100%', aspectRatio: '16/9' }}>
+ *   <Image as={NextImage} src="/photo.jpg" alt="..." fill />
+ * </div>
+ *
+ * // With placeholder and skeleton
+ * <Image
+ *   src="/high-res.jpg"
+ *   placeholder="/low-res.jpg"
+ *   showSkeleton
+ *   alt="Product showcase"
+ * />
+ *
+ * // With caption
+ * <Image
+ *   src="/chart.png"
+ *   alt="Sales data visualization"
+ *   caption="Q3 2024 Sales Performance"
+ * />
+ * ```
+ */
+declare const Image: React.ForwardRefExoticComponent<((CommonImageProps & {
+    as?: "img";
+} & ComponentPropsWithout<"img", RemovedProps | "height" | "width" | "alt">) | Omit<CommonImageProps & {
+    as: React.ComponentType<any>;
+} & Record<string, any>, "ref">) & 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":"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"}

package/dist/esm/components/image.js

@@ -0,0 +1,2 @@
+import{a}from"../chunk-XLOHPURR.js";import"../chunk-E6IWYD3U.js";import"../chunk-IBF5U4QW.js";import"../chunk-L6UXAITB.js";import"../chunk-GFOSP3PZ.js";import"../chunk-K53W3ELO.js";import"../chunk-TTFUM47A.js";import"../chunk-VX44UTQ5.js";import"../chunk-ERGJN7FJ.js";import"../chunk-GSTOGDAJ.js";import"../chunk-KMPBTEZH.js";import"../chunk-E23RKOQJ.js";import"../chunk-ZMEXIPWM.js";import"../chunk-WRWNN2NW.js";import"../chunk-QM3RCK5P.js";import"../chunk-RZCX6IBE.js";import"../chunk-KRJTW535.js";import"../chunk-NZJGC6ZW.js";import"../chunk-3XT5P2HO.js";export{a as Image};
+//# sourceMappingURL=image.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,147 @@
+/**
+ * Image component prop definitions that define the component's API
+ *
+ * These props control the visual appearance, behavior, and accessibility
+ * features of the Image component. The component supports responsive
+ * design, accessibility compliance, and flexible layout options.
+ *
+ * Key features:
+ * - Object-fit control for responsive image scaling
+ * - Radius control for rounded corners
+ * - Caption support for additional context
+ * - Accessibility labels for loading and error states
+ * - AsChild pattern for flexible composition
+ *
+ * @example
+ * ```tsx
+ * // Basic image with cover fit
+ * <Image src="/photo.jpg" alt="Team photo" fit="cover" />
+ *
+ * // Image with caption and custom radius
+ * <Image
+ *   src="/chart.png"
+ *   alt="Sales data"
+ *   caption="Q3 2024 Performance"
+ *   radius="medium"
+ * />
+ *
+ * // Responsive object-fit
+ * <Image
+ *   src="/banner.jpg"
+ *   alt="Hero banner"
+ *   fit={{ initial: 'cover', md: 'contain' }}
+ * />
+ * ```
+ */
+declare const imagePropDefs: {
+    /**
+     * Controls how the image should be resized to fit its container
+     *
+     * Sets the CSS object-fit property with responsive support.
+     * Choose the right fit based on your design needs:
+     *
+     * - 'cover': Best for hero images, thumbnails, and cards where you want to fill the space
+     * - 'contain': Best for product images, logos, and content where the entire image must be visible
+     * - 'fill': Use carefully, only when you want to stretch the image to exact dimensions
+     * - 'scale-down': Good for user-uploaded content where you don't want to enlarge small images
+     * - 'none': Useful for pixel-perfect images or when you want original sizing
+     *
+     * @example
+     * ```tsx
+     * // Fill the container, may crop edges
+     * <Image src="/hero.jpg" fit="cover" alt="Hero image" />
+     *
+     * // Show entire image, may have empty space
+     * <Image src="/logo.png" fit="contain" alt="Company logo" />
+     *
+     * // Responsive fit
+     * <Image
+     *   src="/banner.jpg"
+     *   fit={{ initial: 'cover', lg: 'contain' }}
+     *   alt="Responsive banner"
+     * />
+     * ```
+     *
+     * @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;
+    };
+    /**
+     * ARIA label announced by screen readers during image loading
+     *
+     * Provides accessibility feedback for users with visual impairments.
+     * Customize this message to match your application's language and tone.
+     *
+     * @example
+     * ```tsx
+     * <Image
+     *   src="/chart.jpg"
+     *   loadingAriaLabel="Loading sales chart..."
+     *   alt="Sales performance chart"
+     * />
+     * ```
+     */
+    loadingAriaLabel: {
+        type: "string";
+        default: string;
+    };
+    /**
+     * ARIA label announced by screen readers when image loading fails
+     *
+     * Provides accessibility feedback for error states.
+     * Should clearly indicate that the image failed to load and may suggest alternatives.
+     *
+     * @example
+     * ```tsx
+     * <Image
+     *   src="/photo.jpg"
+     *   errorAriaLabel="Photo failed to load. Please refresh the page."
+     *   alt="Team photo"
+     * />
+     * ```
+     */
+    errorAriaLabel: {
+        type: "string";
+        default: string;
+    };
+    /**
+     * Optional caption text displayed below the image
+     *
+     * Provides additional context, description, or attribution for the image.
+     * The caption is styled consistently and positioned below the image content.
+     *
+     * Use captions for:
+     * - Photo credits and attributions
+     * - Additional context or explanation
+     * - Data source information for charts
+     * - Descriptive text that supplements the alt attribute
+     *
+     * @example
+     * ```tsx
+     * <Image
+     *   src="/chart.png"
+     *   alt="Q3 sales performance showing 25% growth"
+     *   caption="Data source: Internal sales tracking system"
+     * />
+     * ```
+     */
+    caption: {
+        type: "string";
+        default: undefined;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+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":"AAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,aAAa;IAGjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;;;;;;;;IAQH;;;;;;;;;;;;;;OAcG;;;;;IAKH;;;;;;;;;;;;;;OAcG;;;;;IAKH;;;;;;;;;;;;;;;;;;;;OAoBG;;;;;;;;;;;;;CAWJ,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+import{a}from"../chunk-GFOSP3PZ.js";import"../chunk-KRJTW535.js";import"../chunk-NZJGC6ZW.js";import"../chunk-3XT5P2HO.js";export{a as imagePropDefs};
+//# sourceMappingURL=image.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}