@brycks/core-front 0.2.5 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/feedback/Popover/Popover.d.ts.map +1 -1
- package/dist/components/feedback/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/form/DropZone/DropZone.d.ts +27 -0
- package/dist/components/form/DropZone/DropZone.d.ts.map +1 -0
- package/dist/components/form/DropZone/index.d.ts +2 -0
- package/dist/components/form/DropZone/index.d.ts.map +1 -0
- package/dist/components/form/FormCard/FormCard.d.ts +20 -0
- package/dist/components/form/FormCard/FormCard.d.ts.map +1 -0
- package/dist/components/form/FormCard/index.d.ts +2 -0
- package/dist/components/form/FormCard/index.d.ts.map +1 -0
- package/dist/components/layout/AspectRatio/AspectRatio.d.ts +19 -0
- package/dist/components/layout/AspectRatio/AspectRatio.d.ts.map +1 -0
- package/dist/components/layout/AspectRatio/index.d.ts +2 -0
- package/dist/components/layout/AspectRatio/index.d.ts.map +1 -0
- package/dist/components/layout/index.d.ts +1 -0
- package/dist/components/layout/index.d.ts.map +1 -1
- package/dist/components/media/Image/Image.d.ts +33 -0
- package/dist/components/media/Image/Image.d.ts.map +1 -0
- package/dist/components/media/Image/index.d.ts +2 -0
- package/dist/components/media/Image/index.d.ts.map +1 -0
- package/dist/components/media/ImageThumbnail/ImageThumbnail.d.ts +27 -0
- package/dist/components/media/ImageThumbnail/ImageThumbnail.d.ts.map +1 -0
- package/dist/components/media/ImageThumbnail/index.d.ts +2 -0
- package/dist/components/media/ImageThumbnail/index.d.ts.map +1 -0
- package/dist/components/media/Video/Video.d.ts +67 -0
- package/dist/components/media/Video/Video.d.ts.map +1 -0
- package/dist/components/media/Video/index.d.ts +2 -0
- package/dist/components/media/Video/index.d.ts.map +1 -0
- package/dist/components/media/index.d.ts +8 -0
- package/dist/components/media/index.d.ts.map +1 -0
- package/dist/index.cjs +15 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3118 -2394
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Popover/Popover.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Popover/Popover.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EASZ,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAMd,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAA;AAEf,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACnF,sBAAsB;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,sBAAsB;IACtB,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,iCAAiC;IACjC,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,OAAO,qFAyPlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAKd,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAElE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACnF,sBAAsB;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,oCAAoC;IACpC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,OAAO,yGA6KlB,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface DropZoneProps {
|
|
3
|
+
/** Callback when files are selected or dropped */
|
|
4
|
+
onFiles?: (files: File[]) => void;
|
|
5
|
+
/** Accepted file types (e.g., "image/*", ".pdf,.doc") */
|
|
6
|
+
accept?: string;
|
|
7
|
+
/** Whether multiple files can be selected */
|
|
8
|
+
multiple?: boolean;
|
|
9
|
+
/** Maximum file size in bytes */
|
|
10
|
+
maxSize?: number;
|
|
11
|
+
/** Whether the drop zone is disabled */
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
/** Main text content */
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
/** Icon to display */
|
|
16
|
+
icon?: ReactNode;
|
|
17
|
+
/** Helper text shown below main content */
|
|
18
|
+
helperText?: string;
|
|
19
|
+
/** Error message */
|
|
20
|
+
error?: string;
|
|
21
|
+
/** Custom class name */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** Test ID */
|
|
24
|
+
testId?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const DropZone: import('react').ForwardRefExoticComponent<DropZoneProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
27
|
+
//# sourceMappingURL=DropZone.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../../src/components/form/DropZone/DropZone.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAML,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AAGd,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACjC,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,QAAQ,0GAwMpB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/DropZone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
export type FormCardIntent = 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'info';
|
|
3
|
+
export interface FormCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/** Card title */
|
|
5
|
+
title?: string;
|
|
6
|
+
/** Icon displayed before title */
|
|
7
|
+
icon?: ReactNode;
|
|
8
|
+
/** Color intent for the icon circle */
|
|
9
|
+
iconIntent?: FormCardIntent;
|
|
10
|
+
/** Additional content in the header (e.g., counter, badge) */
|
|
11
|
+
headerExtra?: ReactNode;
|
|
12
|
+
/** Card body content */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
/** Custom class name */
|
|
15
|
+
className?: string;
|
|
16
|
+
/** Test ID */
|
|
17
|
+
testId?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const FormCard: import('react').ForwardRefExoticComponent<FormCardProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
20
|
+
//# sourceMappingURL=FormCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormCard.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormCard/FormCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAE7F,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uCAAuC;IACvC,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAWD,eAAO,MAAM,QAAQ,0GAsGpB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
/** Common aspect ratio presets */
|
|
3
|
+
export type AspectRatioPreset = '1:1' | '4:3' | '3:2' | '16:9' | '21:9' | '2:3' | '3:4' | '9:16';
|
|
4
|
+
export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
/**
|
|
6
|
+
* Aspect ratio as a preset string or custom number.
|
|
7
|
+
* Number represents width/height (e.g., 16/9 = 1.777...)
|
|
8
|
+
* @default '16:9'
|
|
9
|
+
*/
|
|
10
|
+
ratio?: AspectRatioPreset | number;
|
|
11
|
+
/** Content to render inside the ratio container */
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
/** Custom class name */
|
|
14
|
+
className?: string;
|
|
15
|
+
/** Test ID */
|
|
16
|
+
testId?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const AspectRatio: import('react').ForwardRefExoticComponent<AspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
19
|
+
//# sourceMappingURL=AspectRatio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,kCAAkC;AAClC,MAAM,MAAM,iBAAiB,GACzB,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,MAAM,CAAA;AAEV,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAA;IAClC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAkBD,eAAO,MAAM,WAAW,6GAyCvB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/AspectRatio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ImgHTMLAttributes, ReactNode, SyntheticEvent } from 'react';
|
|
2
|
+
export type ImageFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
3
|
+
export type ImageLoading = 'lazy' | 'eager';
|
|
4
|
+
export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {
|
|
5
|
+
/** Image source URL */
|
|
6
|
+
src: string;
|
|
7
|
+
/** Alternative text for accessibility (required) */
|
|
8
|
+
alt: string;
|
|
9
|
+
/** Aspect ratio (width/height). If set, maintains ratio */
|
|
10
|
+
aspectRatio?: number | string;
|
|
11
|
+
/** How the image should fit within its container */
|
|
12
|
+
fit?: ImageFit;
|
|
13
|
+
/** Loading strategy */
|
|
14
|
+
loading?: ImageLoading;
|
|
15
|
+
/** Fallback content or URL when image fails to load */
|
|
16
|
+
fallback?: ReactNode | string;
|
|
17
|
+
/** Placeholder shown while loading */
|
|
18
|
+
placeholder?: ReactNode | string;
|
|
19
|
+
/** Border radius using design tokens */
|
|
20
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
21
|
+
/** Whether to show a subtle background while loading */
|
|
22
|
+
showBackground?: boolean;
|
|
23
|
+
/** Callback when image loads successfully */
|
|
24
|
+
onLoad?: (event: SyntheticEvent<HTMLImageElement>) => void;
|
|
25
|
+
/** Callback when image fails to load */
|
|
26
|
+
onError?: (event: SyntheticEvent<HTMLImageElement>) => void;
|
|
27
|
+
/** Custom class name */
|
|
28
|
+
className?: string;
|
|
29
|
+
/** Test ID */
|
|
30
|
+
testId?: string;
|
|
31
|
+
}
|
|
32
|
+
export declare const Image: import('react').ForwardRefExoticComponent<ImageProps & import('react').RefAttributes<HTMLImageElement>>;
|
|
33
|
+
//# sourceMappingURL=Image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAA;AAC3E,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAA;AAE3C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,aAAa,CAAC;IAChE,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAA;IACX,oDAAoD;IACpD,GAAG,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,oDAAoD;IACpD,GAAG,CAAC,EAAE,QAAQ,CAAA;IACd,uBAAuB;IACvB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC7B,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAChC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACpD,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC1D,wCAAwC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AA6BD,eAAO,MAAM,KAAK,yGAmLhB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,YAAY,GAClB,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ReactNode, MouseEvent } from 'react';
|
|
2
|
+
export interface ImageThumbnailProps {
|
|
3
|
+
/** Image source URL */
|
|
4
|
+
src: string;
|
|
5
|
+
/** Alternative text for accessibility */
|
|
6
|
+
alt: string;
|
|
7
|
+
/** Whether this thumbnail is selected */
|
|
8
|
+
isSelected?: boolean;
|
|
9
|
+
/** Badge content (e.g., "COVER", "PRIMARY") */
|
|
10
|
+
badge?: ReactNode;
|
|
11
|
+
/** Callback when thumbnail is clicked */
|
|
12
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
13
|
+
/** Callback when delete button is clicked */
|
|
14
|
+
onDelete?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
15
|
+
/** Size of the thumbnail */
|
|
16
|
+
size?: 'sm' | 'md' | 'lg';
|
|
17
|
+
/** Aspect ratio of the thumbnail */
|
|
18
|
+
aspectRatio?: '1' | '4/3' | '16/9';
|
|
19
|
+
/** Whether the thumbnail is disabled */
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
/** Custom class name */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** Test ID */
|
|
24
|
+
testId?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const ImageThumbnail: import('react').ForwardRefExoticComponent<ImageThumbnailProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
27
|
+
//# sourceMappingURL=ImageThumbnail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/media/ImageThumbnail/ImageThumbnail.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,OAAO,CAAA;AAGd,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAA;IACX,yCAAyC;IACzC,GAAG,EAAE,MAAM,CAAA;IACX,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACzD,4BAA4B;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,oCAAoC;IACpC,WAAW,CAAC,EAAE,GAAG,GAAG,KAAK,GAAG,MAAM,CAAA;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAQD,eAAO,MAAM,cAAc,mHAwH1B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/ImageThumbnail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { VideoHTMLAttributes, SyntheticEvent } from 'react';
|
|
2
|
+
export type VideoFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
3
|
+
export type VideoPreload = 'none' | 'metadata' | 'auto';
|
|
4
|
+
export interface VideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, 'autoPlay'> {
|
|
5
|
+
/** Video source URL */
|
|
6
|
+
src: string;
|
|
7
|
+
/** Poster image URL shown before playback */
|
|
8
|
+
poster?: string;
|
|
9
|
+
/** Aspect ratio (width/height) */
|
|
10
|
+
aspectRatio?: number | string;
|
|
11
|
+
/** How the video should fit within its container */
|
|
12
|
+
fit?: VideoFit;
|
|
13
|
+
/** Preload behavior */
|
|
14
|
+
preload?: VideoPreload;
|
|
15
|
+
/**
|
|
16
|
+
* Autoplay behavior.
|
|
17
|
+
* - true: Autoplay (muted, respects reduced motion)
|
|
18
|
+
* - 'muted': Autoplay muted only
|
|
19
|
+
* - false: No autoplay
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
autoPlay?: boolean | 'muted';
|
|
23
|
+
/** Loop video playback */
|
|
24
|
+
loop?: boolean;
|
|
25
|
+
/** Show native controls */
|
|
26
|
+
controls?: boolean;
|
|
27
|
+
/** Start muted */
|
|
28
|
+
muted?: boolean;
|
|
29
|
+
/** Play inline on mobile (vs fullscreen) */
|
|
30
|
+
playsInline?: boolean;
|
|
31
|
+
/** Border radius using design tokens */
|
|
32
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
33
|
+
/** Callback when video starts playing */
|
|
34
|
+
onPlay?: (event: SyntheticEvent<HTMLVideoElement>) => void;
|
|
35
|
+
/** Callback when video pauses */
|
|
36
|
+
onPause?: (event: SyntheticEvent<HTMLVideoElement>) => void;
|
|
37
|
+
/** Callback when video ends */
|
|
38
|
+
onEnded?: (event: SyntheticEvent<HTMLVideoElement>) => void;
|
|
39
|
+
/** Callback when video can play */
|
|
40
|
+
onCanPlay?: (event: SyntheticEvent<HTMLVideoElement>) => void;
|
|
41
|
+
/** Callback on error */
|
|
42
|
+
onError?: (event: SyntheticEvent<HTMLVideoElement>) => void;
|
|
43
|
+
/** Custom class name */
|
|
44
|
+
className?: string;
|
|
45
|
+
/** Test ID */
|
|
46
|
+
testId?: string;
|
|
47
|
+
}
|
|
48
|
+
export interface VideoRef {
|
|
49
|
+
/** Play the video */
|
|
50
|
+
play: () => Promise<void>;
|
|
51
|
+
/** Pause the video */
|
|
52
|
+
pause: () => void;
|
|
53
|
+
/** Toggle play/pause */
|
|
54
|
+
toggle: () => void;
|
|
55
|
+
/** Seek to time in seconds */
|
|
56
|
+
seek: (time: number) => void;
|
|
57
|
+
/** Get current time in seconds */
|
|
58
|
+
getCurrentTime: () => number;
|
|
59
|
+
/** Get duration in seconds */
|
|
60
|
+
getDuration: () => number;
|
|
61
|
+
/** Check if video is playing */
|
|
62
|
+
isPlaying: () => boolean;
|
|
63
|
+
/** Get the underlying video element */
|
|
64
|
+
getElement: () => HTMLVideoElement | null;
|
|
65
|
+
}
|
|
66
|
+
export declare const Video: import('react').ForwardRefExoticComponent<VideoProps & import('react').RefAttributes<VideoRef>>;
|
|
67
|
+
//# sourceMappingURL=Video.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAQL,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAA;AAC3E,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;AAEvD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/D,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,oDAAoD;IACpD,GAAG,CAAC,EAAE,QAAQ,CAAA;IACd,uBAAuB;IACvB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAC5B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACpD,yCAAyC;IACzC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC1D,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,+BAA+B;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,mCAAmC;IACnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC7D,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,qBAAqB;IACrB,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,sBAAsB;IACtB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,wBAAwB;IACxB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,8BAA8B;IAC9B,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,kCAAkC;IAClC,cAAc,EAAE,MAAM,MAAM,CAAA;IAC5B,8BAA8B;IAC9B,WAAW,EAAE,MAAM,MAAM,CAAA;IACzB,gCAAgC;IAChC,SAAS,EAAE,MAAM,OAAO,CAAA;IACxB,uCAAuC;IACvC,UAAU,EAAE,MAAM,gBAAgB,GAAG,IAAI,CAAA;CAC1C;AA4BD,eAAO,MAAM,KAAK,iGA2NhB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,YAAY,GAClB,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
|