@vite-mf-monorepo/ui 0.5.8 → 0.5.9
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/Avatar/Avatar.d.ts +6 -8
- package/dist/Avatar/Avatar.d.ts.map +1 -0
- package/dist/Avatar/index.d.ts +3 -3
- package/dist/Avatar/index.d.ts.map +1 -0
- package/dist/Badge/Badge.d.ts +8 -10
- package/dist/Badge/Badge.d.ts.map +1 -0
- package/dist/Badge/index.d.ts +3 -4
- package/dist/Badge/index.d.ts.map +1 -0
- package/dist/Button/Button.utils.d.ts +9 -12
- package/dist/Button/Button.utils.d.ts.map +1 -0
- package/dist/Button/index.d.ts +3 -6
- package/dist/Button/index.d.ts.map +1 -0
- package/dist/Card/Card.d.ts +6 -8
- package/dist/Card/Card.d.ts.map +1 -0
- package/dist/Card/index.d.ts +3 -3
- package/dist/Card/index.d.ts.map +1 -0
- package/dist/Carousel/Carousel.d.ts +7 -9
- package/dist/Carousel/Carousel.d.ts.map +1 -0
- package/dist/Carousel/CarouselCounter.d.ts +4 -6
- package/dist/Carousel/CarouselCounter.d.ts.map +1 -0
- package/dist/Carousel/CarouselError.d.ts +4 -6
- package/dist/Carousel/CarouselError.d.ts.map +1 -0
- package/dist/Carousel/CarouselItem.d.ts +5 -7
- package/dist/Carousel/CarouselItem.d.ts.map +1 -0
- package/dist/Carousel/CarouselLoading.d.ts +4 -6
- package/dist/Carousel/CarouselLoading.d.ts.map +1 -0
- package/dist/Carousel/CarouselNavigation.d.ts +5 -7
- package/dist/Carousel/CarouselNavigation.d.ts.map +1 -0
- package/dist/Carousel/CarouselPagination.d.ts +4 -6
- package/dist/Carousel/CarouselPagination.d.ts.map +1 -0
- package/dist/Carousel/index.d.ts +13 -8
- package/dist/Carousel/index.d.ts.map +1 -0
- package/dist/HeroImage/HeroImage.d.ts +4 -6
- package/dist/HeroImage/HeroImage.d.ts.map +1 -0
- package/dist/HeroImage/index.d.ts +3 -2
- package/dist/HeroImage/index.d.ts.map +1 -0
- package/dist/Icon/Icon.d.ts +7 -9
- package/dist/Icon/Icon.d.ts.map +1 -0
- package/dist/Icon/index.d.ts +3 -3
- package/dist/Icon/index.d.ts.map +1 -0
- package/dist/IconButton/IconButton.d.ts +6 -8
- package/dist/IconButton/IconButton.d.ts.map +1 -0
- package/dist/IconButton/index.d.ts +3 -4
- package/dist/IconButton/index.d.ts.map +1 -0
- package/dist/Image/Image.d.ts +8 -10
- package/dist/Image/Image.d.ts.map +1 -0
- package/dist/Image/index.d.ts +3 -3
- package/dist/Image/index.d.ts.map +1 -0
- package/dist/Input/Input.d.ts +14 -0
- package/dist/Input/Input.d.ts.map +1 -0
- package/dist/Input/Input.js +2 -0
- package/dist/Input/Input.js.map +1 -0
- package/dist/Input/index.d.ts +3 -0
- package/dist/Input/index.d.ts.map +1 -0
- package/dist/Input/index.js +2 -0
- package/dist/Input/index.js.map +1 -0
- package/dist/Listbox/ListboxItem.d.ts +26 -0
- package/dist/Listbox/ListboxItem.d.ts.map +1 -0
- package/dist/Listbox/ListboxItem.js +2 -0
- package/dist/Listbox/ListboxItem.js.map +1 -0
- package/dist/Listbox/ListboxList.d.ts +16 -0
- package/dist/Listbox/ListboxList.d.ts.map +1 -0
- package/dist/Listbox/ListboxList.js +2 -0
- package/dist/Listbox/ListboxList.js.map +1 -0
- package/dist/Listbox/index.d.ts +5 -0
- package/dist/Listbox/index.d.ts.map +1 -0
- package/dist/Listbox/index.js +2 -0
- package/dist/Listbox/index.js.map +1 -0
- package/dist/Menu/Menu.d.ts +19 -0
- package/dist/Menu/Menu.d.ts.map +1 -0
- package/dist/Menu/Menu.js +2 -0
- package/dist/Menu/Menu.js.map +1 -0
- package/dist/Menu/MenuContext.d.ts +14 -0
- package/dist/Menu/MenuContext.d.ts.map +1 -0
- package/dist/Menu/MenuContext.js +2 -0
- package/dist/Menu/MenuContext.js.map +1 -0
- package/dist/Menu/MenuItem.d.ts +11 -0
- package/dist/Menu/MenuItem.d.ts.map +1 -0
- package/dist/Menu/MenuItem.js +2 -0
- package/dist/Menu/MenuItem.js.map +1 -0
- package/dist/Menu/index.d.ts +5 -0
- package/dist/Menu/index.d.ts.map +1 -0
- package/dist/Menu/index.js +2 -0
- package/dist/Menu/index.js.map +1 -0
- package/dist/Modal/Modal.d.ts +5 -7
- package/dist/Modal/Modal.d.ts.map +1 -0
- package/dist/Modal/index.d.ts +3 -3
- package/dist/Modal/index.d.ts.map +1 -0
- package/dist/MovieCard/MovieCard.utils.d.ts +7 -11
- package/dist/MovieCard/MovieCard.utils.d.ts.map +1 -0
- package/dist/MovieCard/MovieCardContent.d.ts +5 -7
- package/dist/MovieCard/MovieCardContent.d.ts.map +1 -0
- package/dist/MovieCard/index.d.ts +3 -6
- package/dist/MovieCard/index.d.ts.map +1 -0
- package/dist/Portal/Portal.d.ts +8 -0
- package/dist/Portal/Portal.d.ts.map +1 -0
- package/dist/Portal/Portal.js +2 -0
- package/dist/Portal/Portal.js.map +1 -0
- package/dist/Portal/index.d.ts +3 -0
- package/dist/Portal/index.d.ts.map +1 -0
- package/dist/Portal/index.js +2 -0
- package/dist/Portal/index.js.map +1 -0
- package/dist/Rating/CircleRating.d.ts +5 -7
- package/dist/Rating/CircleRating.d.ts.map +1 -0
- package/dist/Rating/Rating.d.ts +6 -8
- package/dist/Rating/Rating.d.ts.map +1 -0
- package/dist/Rating/StarsRating.d.ts +5 -7
- package/dist/Rating/StarsRating.d.ts.map +1 -0
- package/dist/Rating/index.d.ts +3 -2
- package/dist/Rating/index.d.ts.map +1 -0
- package/dist/Skeleton/Skeleton.d.ts +5 -7
- package/dist/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/Skeleton/index.d.ts +3 -3
- package/dist/Skeleton/index.d.ts.map +1 -0
- package/dist/Spinner/Spinner.d.ts +4 -6
- package/dist/Spinner/Spinner.d.ts.map +1 -0
- package/dist/Spinner/index.d.ts +3 -2
- package/dist/Spinner/index.d.ts.map +1 -0
- package/dist/Tabs/Tabs.d.ts +9 -11
- package/dist/Tabs/Tabs.d.ts.map +1 -0
- package/dist/Tabs/TabsContext.d.ts +5 -11
- package/dist/Tabs/TabsContext.d.ts.map +1 -0
- package/dist/Tabs/TabsList.d.ts +5 -7
- package/dist/Tabs/TabsList.d.ts.map +1 -0
- package/dist/Tabs/TabsListContext.d.ts +4 -6
- package/dist/Tabs/TabsListContext.d.ts.map +1 -0
- package/dist/Tabs/TabsPanel.d.ts +5 -7
- package/dist/Tabs/TabsPanel.d.ts.map +1 -0
- package/dist/Tabs/TabsTrigger.d.ts +5 -7
- package/dist/Tabs/TabsTrigger.d.ts.map +1 -0
- package/dist/Tabs/index.d.ts +6 -6
- package/dist/Tabs/index.d.ts.map +1 -0
- package/dist/Talent/Talent.d.ts +6 -8
- package/dist/Talent/Talent.d.ts.map +1 -0
- package/dist/Talent/index.d.ts +3 -4
- package/dist/Talent/index.d.ts.map +1 -0
- package/dist/TrailerCard/TrailerCard.d.ts +4 -6
- package/dist/TrailerCard/TrailerCard.d.ts.map +1 -0
- package/dist/TrailerCard/index.d.ts +3 -2
- package/dist/TrailerCard/index.d.ts.map +1 -0
- package/dist/Typeahead/Typeahead.d.ts +58 -0
- package/dist/Typeahead/Typeahead.d.ts.map +1 -0
- package/dist/Typeahead/Typeahead.js +2 -0
- package/dist/Typeahead/Typeahead.js.map +1 -0
- package/dist/Typeahead/TypeaheadContext.d.ts +45 -0
- package/dist/Typeahead/TypeaheadContext.d.ts.map +1 -0
- package/dist/Typeahead/TypeaheadContext.js +2 -0
- package/dist/Typeahead/TypeaheadContext.js.map +1 -0
- package/dist/Typeahead/TypeaheadEmpty.d.ts +18 -0
- package/dist/Typeahead/TypeaheadEmpty.d.ts.map +1 -0
- package/dist/Typeahead/TypeaheadEmpty.js +2 -0
- package/dist/Typeahead/TypeaheadEmpty.js.map +1 -0
- package/dist/Typeahead/TypeaheadHighlight.d.ts +19 -0
- package/dist/Typeahead/TypeaheadHighlight.d.ts.map +1 -0
- package/dist/Typeahead/TypeaheadHighlight.js +2 -0
- package/dist/Typeahead/TypeaheadHighlight.js.map +1 -0
- package/dist/Typeahead/TypeaheadInput.d.ts +21 -0
- package/dist/Typeahead/TypeaheadInput.d.ts.map +1 -0
- package/dist/Typeahead/TypeaheadInput.js +2 -0
- package/dist/Typeahead/TypeaheadInput.js.map +1 -0
- package/dist/Typeahead/TypeaheadItem.d.ts +26 -0
- package/dist/Typeahead/TypeaheadItem.d.ts.map +1 -0
- package/dist/Typeahead/TypeaheadItem.js +2 -0
- package/dist/Typeahead/TypeaheadItem.js.map +1 -0
- package/dist/Typeahead/TypeaheadMenu.d.ts +17 -0
- package/dist/Typeahead/TypeaheadMenu.d.ts.map +1 -0
- package/dist/Typeahead/TypeaheadMenu.js +2 -0
- package/dist/Typeahead/TypeaheadMenu.js.map +1 -0
- package/dist/Typeahead/index.d.ts +8 -0
- package/dist/Typeahead/index.d.ts.map +1 -0
- package/dist/Typeahead/index.js +2 -0
- package/dist/Typeahead/index.js.map +1 -0
- package/dist/Typography/Typography.d.ts +6 -8
- package/dist/Typography/Typography.d.ts.map +1 -0
- package/dist/Typography/index.d.ts +3 -2
- package/dist/Typography/index.d.ts.map +1 -0
- package/dist/index.d.ts +46 -32
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/next/Button/Button.d.ts +4 -9
- package/dist/next/Button/Button.d.ts.map +1 -0
- package/dist/next/Button/Button.types.d.ts +9 -11
- package/dist/next/Button/Button.types.d.ts.map +1 -0
- package/dist/next/Button/index.d.ts +3 -6
- package/dist/next/Button/index.d.ts.map +1 -0
- package/dist/next/HeroImage/HeroImage.d.ts +4 -6
- package/dist/next/HeroImage/HeroImage.d.ts.map +1 -0
- package/dist/next/HeroImage/index.d.ts +3 -2
- package/dist/next/HeroImage/index.d.ts.map +1 -0
- package/dist/next/Image/NextImage.d.ts +4 -8
- package/dist/next/Image/NextImage.d.ts.map +1 -0
- package/dist/next/Image/NextImage.types.d.ts +4 -6
- package/dist/next/Image/NextImage.types.d.ts.map +1 -0
- package/dist/next/Image/NextImageClient.d.ts +4 -8
- package/dist/next/Image/NextImageClient.d.ts.map +1 -0
- package/dist/next/Image/NextImageClient.types.d.ts +4 -6
- package/dist/next/Image/NextImageClient.types.d.ts.map +1 -0
- package/dist/next/Image/index.d.ts +5 -7
- package/dist/next/Image/index.d.ts.map +1 -0
- package/dist/next/MovieCard/MovieCard.d.ts +4 -9
- package/dist/next/MovieCard/MovieCard.d.ts.map +1 -0
- package/dist/next/MovieCard/MovieCard.types.d.ts +6 -10
- package/dist/next/MovieCard/MovieCard.types.d.ts.map +1 -0
- package/dist/next/MovieCard/MovieCardContent.d.ts +5 -7
- package/dist/next/MovieCard/MovieCardContent.d.ts.map +1 -0
- package/dist/next/MovieCard/index.d.ts +3 -6
- package/dist/next/MovieCard/index.d.ts.map +1 -0
- package/dist/next/index.d.ts +9 -16
- package/dist/next/index.d.ts.map +1 -0
- package/dist/react-router/Button/Button.d.ts +4 -9
- package/dist/react-router/Button/Button.d.ts.map +1 -0
- package/dist/react-router/Button/Button.types.d.ts +8 -10
- package/dist/react-router/Button/Button.types.d.ts.map +1 -0
- package/dist/react-router/Button/index.d.ts +3 -6
- package/dist/react-router/Button/index.d.ts.map +1 -0
- package/dist/react-router/MovieCard/MovieCard.d.ts +4 -9
- package/dist/react-router/MovieCard/MovieCard.d.ts.map +1 -0
- package/dist/react-router/MovieCard/MovieCard.types.d.ts +5 -9
- package/dist/react-router/MovieCard/MovieCard.types.d.ts.map +1 -0
- package/dist/react-router/MovieCard/index.d.ts +3 -6
- package/dist/react-router/MovieCard/index.d.ts.map +1 -0
- package/dist/react-router/index.d.ts +5 -10
- package/dist/react-router/index.d.ts.map +1 -0
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/Avatar/Avatar.d.ts
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
5
|
-
interface AvatarProps extends Omit<ComponentProps<'img'>, 'src'> {
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
3
|
+
export interface AvatarProps extends Omit<ComponentProps<'img'>, 'src'> {
|
|
6
4
|
/** Image source URL */
|
|
7
5
|
src?: string | null;
|
|
8
6
|
/** Alt text for the image */
|
|
@@ -14,6 +12,6 @@ interface AvatarProps extends Omit<ComponentProps<'img'>, 'src'> {
|
|
|
14
12
|
/** For testing purposes */
|
|
15
13
|
testId?: string;
|
|
16
14
|
}
|
|
17
|
-
declare function Avatar({ className, src, alt, size, initials, testId, ...rest }: Readonly<AvatarProps>):
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
declare function Avatar({ className, src, alt, size, initials, testId, ...rest }: Readonly<AvatarProps>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default Avatar;
|
|
17
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;AAEzE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACrE,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,6BAA6B;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAeD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,EACH,GAAG,EACH,IAAW,EACX,QAAQ,EACR,MAAM,EACN,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAyCvB;AAED,eAAe,MAAM,CAAA"}
|
package/dist/Avatar/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as Avatar
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export { default as Avatar } from './Avatar';
|
|
2
|
+
export type { AvatarProps, AvatarSize } from './Avatar';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}
|
package/dist/Badge/Badge.d.ts
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type BadgeSize = 'sm' | 'md' | 'lg';
|
|
7
|
-
interface BadgeProps {
|
|
1
|
+
import type { IconName } from '../Icon';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
export type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive';
|
|
4
|
+
export type BadgeSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface BadgeProps {
|
|
8
6
|
/** Badge content */
|
|
9
7
|
children: ReactNode;
|
|
10
8
|
/** Visual variant */
|
|
@@ -18,6 +16,6 @@ interface BadgeProps {
|
|
|
18
16
|
/** Additional class name */
|
|
19
17
|
className?: string;
|
|
20
18
|
}
|
|
21
|
-
declare function Badge({ children, variant, size, icon, textClassName, className, }: Readonly<BadgeProps>):
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
declare function Badge({ children, variant, size, icon, textClassName, className, }: Readonly<BadgeProps>): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export default Badge;
|
|
21
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAA;AAC9E,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,MAAM,WAAW,UAAU;IACzB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAWD,iBAAS,KAAK,CAAC,EACb,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,aAAa,EACb,SAAS,GACV,EAAE,QAAQ,CAAC,UAAU,CAAC,2CA4BtB;AAED,eAAe,KAAK,CAAA"}
|
package/dist/Badge/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { default as Badge
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import 'react';
|
|
1
|
+
export { default as Badge } from './Badge';
|
|
2
|
+
export type { BadgeProps, BadgeSize, BadgeVariant } from './Badge';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import { IconName } from '../Icon
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type ButtonSize = 'sm' | 'md' | 'lg';
|
|
7
|
-
declare const iconSizeMap: {
|
|
1
|
+
import type { IconName } from '../Icon';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost';
|
|
4
|
+
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export declare const iconSizeMap: {
|
|
8
6
|
readonly sm: 16;
|
|
9
7
|
readonly md: 20;
|
|
10
8
|
readonly lg: 24;
|
|
11
9
|
};
|
|
12
|
-
interface ButtonVisualInput {
|
|
10
|
+
export interface ButtonVisualInput {
|
|
13
11
|
variant?: ButtonVariant;
|
|
14
12
|
size?: ButtonSize;
|
|
15
13
|
icon?: IconName;
|
|
@@ -17,7 +15,6 @@ interface ButtonVisualInput {
|
|
|
17
15
|
className?: string;
|
|
18
16
|
children?: ReactNode;
|
|
19
17
|
}
|
|
20
|
-
declare function getButtonClasses({ variant, size, iconPosition, className, }: ButtonVisualInput): string;
|
|
21
|
-
declare function getButtonDisabledClasses(classes: string): string;
|
|
22
|
-
|
|
23
|
-
export { type ButtonSize, type ButtonVariant, type ButtonVisualInput, getButtonClasses, getButtonDisabledClasses, iconSizeMap };
|
|
18
|
+
export declare function getButtonClasses({ variant, size, iconPosition, className, }: ButtonVisualInput): string;
|
|
19
|
+
export declare function getButtonDisabledClasses(classes: string): string;
|
|
20
|
+
//# sourceMappingURL=Button.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.utils.d.ts","sourceRoot":"","sources":["../../src/Button/Button.utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,OAAO,CAAA;AACX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAmB,EACnB,IAAW,EACX,YAAqB,EACrB,SAAS,GACV,EAAE,iBAAiB,UA2BnB;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM,UAEvD"}
|
package/dist/Button/index.d.ts
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { ButtonAsButton, ButtonAsLink,
|
|
3
|
-
|
|
4
|
-
import '../Icon/Icon.js';
|
|
5
|
-
import 'react';
|
|
6
|
-
import 'react-router-dom';
|
|
1
|
+
export { Button } from '../react-router/Button';
|
|
2
|
+
export type { ButtonProps, ButtonAsButton, ButtonAsLink, } from '../react-router/Button';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,YAAY,EACV,WAAW,EACX,cAAc,EACd,YAAY,GACb,MAAM,wBAAwB,CAAA"}
|
package/dist/Card/Card.d.ts
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
type CardVariant = 'default' | 'outline' | 'elevated' | 'ghost';
|
|
5
|
-
interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
export type CardVariant = 'default' | 'outline' | 'elevated' | 'ghost';
|
|
3
|
+
export interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
4
|
/** Visual variant of the card */
|
|
7
5
|
variant?: CardVariant;
|
|
8
6
|
}
|
|
9
|
-
declare function Card({ className, variant, children, ...rest }: Readonly<CardProps>):
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
declare function Card({ className, variant, children, ...rest }: Readonly<CardProps>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default Card;
|
|
9
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAA;AAEtE,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,iCAAiC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAWD,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,SAAS,CAAC,2CAMrB;AAED,eAAe,IAAI,CAAA"}
|
package/dist/Card/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as Card
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export { default as Card } from './Card';
|
|
2
|
+
export type { CardProps, CardVariant } from './Card';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
4
2
|
/** Carousel visual variant */
|
|
5
|
-
type CarouselVariant = 'standard' | 'hero' | 'lightbox';
|
|
3
|
+
export type CarouselVariant = 'standard' | 'hero' | 'lightbox';
|
|
6
4
|
/** Arrow position for navigation buttons */
|
|
7
|
-
type CarouselArrowPosition = 'sides' | 'bottom-right';
|
|
8
|
-
interface CarouselProps {
|
|
5
|
+
export type CarouselArrowPosition = 'sides' | 'bottom-right';
|
|
6
|
+
export interface CarouselProps {
|
|
9
7
|
/** Carousel items */
|
|
10
8
|
children?: ReactNode;
|
|
11
9
|
/** Visual variant */
|
|
@@ -60,6 +58,6 @@ interface CarouselProps {
|
|
|
60
58
|
* - hero: single panoramic item with snap
|
|
61
59
|
* - lightbox: single item per view, ghost arrows, counter (for PhotoViewer)
|
|
62
60
|
*/
|
|
63
|
-
declare function Carousel({ children, variant, showPagination, showArrows, arrowPosition, gap, className, heroControlsClassName, errorMessage, rounded, initialIndex, onPrev, onNext, disableAnimation, disableScroll, }: Readonly<CarouselProps>):
|
|
64
|
-
|
|
65
|
-
|
|
61
|
+
declare function Carousel({ children, variant, showPagination, showArrows, arrowPosition, gap, className, heroControlsClassName, errorMessage, rounded, initialIndex, onPrev, onNext, disableAnimation, disableScroll, }: Readonly<CarouselProps>): import("react/jsx-runtime").JSX.Element;
|
|
62
|
+
export default Carousel;
|
|
63
|
+
//# sourceMappingURL=Carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,8BAA8B;AAC9B,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAAA;AAE9D,4CAA4C;AAC5C,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,cAAc,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB;IACrB,aAAa,CAAC,EAAE,qBAAqB,CAAA;IACrC,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wGAAwG;IACxG,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;;;GAMG;AACH,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAoB,EACpB,cAAqB,EACrB,UAAiB,EACjB,aAAuB,EACvB,GAAQ,EACR,SAAS,EACT,qBAAqB,EACrB,YAAY,EACZ,OAAc,EACd,YAAY,EACZ,MAAM,EACN,MAAM,EACN,gBAAwB,EACxB,aAAqB,GACtB,EAAE,QAAQ,CAAC,aAAa,CAAC,2CA0VzB;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
interface CarouselCounterProps {
|
|
1
|
+
export interface CarouselCounterProps {
|
|
4
2
|
/** Current index (0-based) — displayed as 1-based */
|
|
5
3
|
current: number;
|
|
6
4
|
/** Total number of items */
|
|
@@ -12,6 +10,6 @@ interface CarouselCounterProps {
|
|
|
12
10
|
* Counter for Carousel lightbox variant.
|
|
13
11
|
* Displays current position as "3 / 20" (1-indexed).
|
|
14
12
|
*/
|
|
15
|
-
declare function CarouselCounter({ current, total, className, }: Readonly<CarouselCounterProps>):
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
declare function CarouselCounter({ current, total, className, }: Readonly<CarouselCounterProps>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default CarouselCounter;
|
|
15
|
+
//# sourceMappingURL=CarouselCounter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselCounter.d.ts","sourceRoot":"","sources":["../../src/Carousel/CarouselCounter.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,iBAAS,eAAe,CAAC,EACvB,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAYhC;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
interface CarouselErrorProps {
|
|
1
|
+
export interface CarouselErrorProps {
|
|
4
2
|
message?: string;
|
|
5
3
|
}
|
|
6
|
-
declare function CarouselError({ message, }: Readonly<CarouselErrorProps>):
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
declare function CarouselError({ message, }: Readonly<CarouselErrorProps>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default CarouselError;
|
|
6
|
+
//# sourceMappingURL=CarouselError.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselError.d.ts","sourceRoot":"","sources":["../../src/Carousel/CarouselError.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,iBAAS,aAAa,CAAC,EACrB,OAA+B,GAChC,EAAE,QAAQ,CAAC,kBAAkB,CAAC,2CAe9B;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
export interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
3
|
/** Whether this is a hero item (full width with snap) */
|
|
6
4
|
isHero?: boolean;
|
|
7
5
|
/** Whether this is a lightbox item (full width with snap, same layout as hero) */
|
|
@@ -11,6 +9,6 @@ interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
11
9
|
* Wrapper for individual carousel items.
|
|
12
10
|
* For hero and lightbox variants, items take full width and snap to center.
|
|
13
11
|
*/
|
|
14
|
-
declare function CarouselItem({ children, isHero, isLightbox, className, ...rest }: Readonly<CarouselItemProps>):
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
declare function CarouselItem({ children, isHero, isLightbox, className, ...rest }: Readonly<CarouselItemProps>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default CarouselItem;
|
|
14
|
+
//# sourceMappingURL=CarouselItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../src/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;GAGG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,MAAc,EACd,UAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CAc7B;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
interface CarouselLoadingProps {
|
|
1
|
+
export interface CarouselLoadingProps {
|
|
4
2
|
/** Number of skeleton cards to display */
|
|
5
3
|
count?: number;
|
|
6
4
|
/** Width of each card in pixels */
|
|
@@ -20,6 +18,6 @@ interface CarouselLoadingProps {
|
|
|
20
18
|
* Displays a horizontal scrollable list of skeleton placeholders
|
|
21
19
|
* matching the structure of MovieCard components.
|
|
22
20
|
*/
|
|
23
|
-
declare function CarouselLoading({ count, cardWidth, cardHeight, showTitle, showSubtitle, rounded, }: Readonly<CarouselLoadingProps>):
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
declare function CarouselLoading({ count, cardWidth, cardHeight, showTitle, showSubtitle, rounded, }: Readonly<CarouselLoadingProps>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export default CarouselLoading;
|
|
23
|
+
//# sourceMappingURL=CarouselLoading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselLoading.d.ts","sourceRoot":"","sources":["../../src/Carousel/CarouselLoading.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;GAKG;AACH,iBAAS,eAAe,CAAC,EACvB,KAAS,EACT,SAAe,EACf,UAAgB,EAChB,SAAgB,EAChB,YAAmB,EACnB,OAAc,GACf,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAoDhC;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
|
|
3
1
|
/** Position mode for navigation buttons */
|
|
4
|
-
type CarouselNavigationPosition = 'inline' | 'sides' | 'sides-inset';
|
|
5
|
-
interface CarouselNavigationProps {
|
|
2
|
+
export type CarouselNavigationPosition = 'inline' | 'sides' | 'sides-inset';
|
|
3
|
+
export interface CarouselNavigationProps {
|
|
6
4
|
/** Callback for previous button */
|
|
7
5
|
onPrev: () => void;
|
|
8
6
|
/** Callback for next button */
|
|
@@ -26,6 +24,6 @@ interface CarouselNavigationProps {
|
|
|
26
24
|
* - sides: absolute, centered on the carousel edges (overhangs container — standard carousel)
|
|
27
25
|
* - sides-inset: absolute, inside the container with padding (lightbox, fullscreen contexts)
|
|
28
26
|
*/
|
|
29
|
-
declare function CarouselNavigation({ onPrev, onNext, canPrev, canNext, size, position, iconVariant, className, }: Readonly<CarouselNavigationProps>):
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
declare function CarouselNavigation({ onPrev, onNext, canPrev, canNext, size, position, iconVariant, className, }: Readonly<CarouselNavigationProps>): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export default CarouselNavigation;
|
|
29
|
+
//# sourceMappingURL=CarouselNavigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselNavigation.d.ts","sourceRoot":"","sources":["../../src/Carousel/CarouselNavigation.tsx"],"names":[],"mappings":"AAIA,2CAA2C;AAC3C,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAA;AAE3E,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,+BAA+B;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,0BAA0B,CAAA;IACrC,gFAAgF;IAChF,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IACnC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,IAAW,EACX,QAAmB,EACnB,WAAyB,EACzB,SAAS,GACV,EAAE,QAAQ,CAAC,uBAAuB,CAAC,2CA6EnC;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
interface CarouselPaginationProps {
|
|
1
|
+
export interface CarouselPaginationProps {
|
|
4
2
|
/** Total number of items */
|
|
5
3
|
total: number;
|
|
6
4
|
/** Current active index */
|
|
@@ -15,6 +13,6 @@ interface CarouselPaginationProps {
|
|
|
15
13
|
* Active dot is displayed as a capsule (wider), inactive dots are circles.
|
|
16
14
|
* Supports light mode for dark backgrounds (white dots).
|
|
17
15
|
*/
|
|
18
|
-
declare function CarouselPagination({ total, current, light, className, }: Readonly<CarouselPaginationProps>):
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
declare function CarouselPagination({ total, current, light, className, }: Readonly<CarouselPaginationProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
17
|
+
export default CarouselPagination;
|
|
18
|
+
//# sourceMappingURL=CarouselPagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselPagination.d.ts","sourceRoot":"","sources":["../../src/Carousel/CarouselPagination.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,8CAA8C;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,KAAa,EACb,SAAS,GACV,EAAE,QAAQ,CAAC,uBAAuB,CAAC,kDAwBnC;AAED,eAAe,kBAAkB,CAAA"}
|
package/dist/Carousel/index.d.ts
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
export { default as Carousel
|
|
2
|
-
export {
|
|
3
|
-
export { default as
|
|
4
|
-
export {
|
|
5
|
-
export { default as
|
|
6
|
-
export {
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
export { default as Carousel } from './Carousel';
|
|
2
|
+
export type { CarouselArrowPosition, CarouselProps, CarouselVariant, } from './Carousel';
|
|
3
|
+
export { default as CarouselItem } from './CarouselItem';
|
|
4
|
+
export type { CarouselItemProps } from './CarouselItem';
|
|
5
|
+
export { default as CarouselNavigation } from './CarouselNavigation';
|
|
6
|
+
export type { CarouselNavigationPosition, CarouselNavigationProps, } from './CarouselNavigation';
|
|
7
|
+
export { default as CarouselPagination } from './CarouselPagination';
|
|
8
|
+
export type { CarouselPaginationProps } from './CarouselPagination';
|
|
9
|
+
export { default as CarouselCounter } from './CarouselCounter';
|
|
10
|
+
export type { CarouselCounterProps } from './CarouselCounter';
|
|
11
|
+
export { default as CarouselLoading } from './CarouselLoading';
|
|
12
|
+
export type { CarouselLoadingProps } from './CarouselLoading';
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,YAAY,EACV,qBAAqB,EACrB,aAAa,EACb,eAAe,GAChB,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,YAAY,EACV,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAEnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
interface HeroImageProps {
|
|
1
|
+
export interface HeroImageProps {
|
|
4
2
|
/** Backdrop path from TMDB API */
|
|
5
3
|
backdropPath?: string | null;
|
|
6
4
|
/** Alt text for the image */
|
|
@@ -10,6 +8,6 @@ interface HeroImageProps {
|
|
|
10
8
|
* HeroImage component for displaying optimized backdrop images with responsive sources
|
|
11
9
|
* and gradient overlay. Used in hero sections across the application.
|
|
12
10
|
*/
|
|
13
|
-
declare function HeroImage({ backdropPath, title }: Readonly<HeroImageProps>):
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
declare function HeroImage({ backdropPath, title }: Readonly<HeroImageProps>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default HeroImage;
|
|
13
|
+
//# sourceMappingURL=HeroImage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeroImage.d.ts","sourceRoot":"","sources":["../../src/HeroImage/HeroImage.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED;;;GAGG;AACH,iBAAS,SAAS,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,2CA2DnE;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { default as HeroImage
|
|
2
|
-
|
|
1
|
+
export { default as HeroImage } from './HeroImage';
|
|
2
|
+
export type { HeroImageProps } from './HeroImage';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/HeroImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}
|
package/dist/Icon/Icon.d.ts
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
type IconSize = 16 | 20 | 24 | 32 | 48 | 64;
|
|
6
|
-
interface IconProps extends SVGProps<SVGSVGElement> {
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
export type IconName = 'ArrowLeft' | 'ArrowRight' | 'ArrowTopRightOnSquare' | 'Bars3' | 'Bookmark' | 'Check' | 'Calendar' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'EllipsisVertical' | 'ExclamationCircle' | 'ExclamationTriangle' | 'Film' | 'Photo' | 'Heart' | 'InformationCircle' | 'Link' | 'MagnifyingGlass' | 'Minus' | 'Play' | 'PlayCircle' | 'Plus' | 'Share' | 'Star' | 'Tv' | 'User' | 'Users' | 'XMark';
|
|
3
|
+
export type IconSize = 16 | 20 | 24 | 32 | 48 | 64;
|
|
4
|
+
export interface IconProps extends SVGProps<SVGSVGElement> {
|
|
7
5
|
/** Icon name from the available subset */
|
|
8
6
|
name: IconName;
|
|
9
7
|
/** Icon size in pixels (16, 20, 24, 32, 48, 64) */
|
|
10
8
|
size?: IconSize;
|
|
11
9
|
}
|
|
12
|
-
declare function Icon({ name, size, className, ...rest }: Readonly<IconProps>):
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
declare function Icon({ name, size, className, ...rest }: Readonly<IconProps>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default Icon;
|
|
12
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAgGpD,MAAM,MAAM,QAAQ,GAChB,WAAW,GACX,YAAY,GACZ,uBAAuB,GACvB,OAAO,GACP,UAAU,GACV,OAAO,GACP,UAAU,GACV,aAAa,GACb,aAAa,GACb,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,qBAAqB,GACrB,MAAM,GACN,OAAO,GACP,OAAO,GACP,mBAAmB,GACnB,MAAM,GACN,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,YAAY,GACZ,MAAM,GACN,OAAO,GACP,MAAM,GACN,IAAI,GACJ,MAAM,GACN,OAAO,GACP,OAAO,CAAA;AAEX,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAElD,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACxD,0CAA0C;IAC1C,IAAI,EAAE,QAAQ,CAAA;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,iBAAS,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,2CAoBzE;AAED,eAAe,IAAI,CAAA"}
|
package/dist/Icon/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as Icon
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export { default as Icon } from './Icon';
|
|
2
|
+
export type { IconProps, IconName, IconSize } from './Icon';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1
|
+
import type { IconName } from '../Icon';
|
|
2
|
+
import type { ButtonHTMLAttributes } from 'react';
|
|
3
|
+
export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
4
|
/** Icon name to display */
|
|
7
5
|
icon: IconName;
|
|
8
6
|
/** Visual variant of the button */
|
|
@@ -12,6 +10,6 @@ interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
12
10
|
/** Accessible label for screen readers */
|
|
13
11
|
'aria-label': string;
|
|
14
12
|
}
|
|
15
|
-
declare function IconButton({ className, icon, variant, size, disabled, ...rest }: Readonly<IconButtonProps>):
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
declare function IconButton({ className, icon, variant, size, disabled, ...rest }: Readonly<IconButtonProps>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default IconButton;
|
|
15
|
+
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAEjD,MAAM,WAAW,eACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,2BAA2B;IAC3B,IAAI,EAAE,QAAQ,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,CAAA;IACvD,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAA;CACrB;AASD,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,IAAI,EACJ,OAAiB,EACjB,IAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,eAAe,CAAC,2CA4B3B;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { default as IconButton
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import 'react';
|
|
1
|
+
export { default as IconButton } from './IconButton';
|
|
2
|
+
export type { IconButtonProps } from './IconButton';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}
|
package/dist/Image/Image.d.ts
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
type
|
|
5
|
-
|
|
6
|
-
type ImageLoading = 'lazy' | 'eager';
|
|
7
|
-
interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {
|
|
1
|
+
import type { ImgHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type ImageState = 'loading' | 'loaded' | 'error';
|
|
3
|
+
export type AspectRatio = '2/3' | '16/9' | '1/1' | '4/3' | '3/2';
|
|
4
|
+
export type ImageLoading = 'lazy' | 'eager';
|
|
5
|
+
export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {
|
|
8
6
|
/** Image source URL */
|
|
9
7
|
src: string;
|
|
10
8
|
/** Alt text for accessibility */
|
|
@@ -28,6 +26,6 @@ interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'placehol
|
|
|
28
26
|
/** Load strategy: 'lazy' waits for viewport visibility, 'eager' loads immediately. Default: 'eager' */
|
|
29
27
|
loading?: ImageLoading;
|
|
30
28
|
}
|
|
31
|
-
declare function Image({ src, alt, blurDataUrl, autoBlur, blurSize, blurQuality, aspectRatio, fallback, className, onLoad, onError, loading, ...rest }: Readonly<ImageProps>):
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
declare function Image({ src, alt, blurDataUrl, autoBlur, blurSize, blurQuality, aspectRatio, fallback, className, onLoad, onError, loading, ...rest }: Readonly<ImageProps>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export default Image;
|
|
31
|
+
//# sourceMappingURL=Image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/Image/Image.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEvD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAEhE,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,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IACzC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uGAAuG;IACvG,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAgB,EAChB,QAAa,EACb,WAAiB,EACjB,WAAmB,EACnB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAiB,EACjB,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,UAAU,CAAC,2CA0HtB;AAED,eAAe,KAAK,CAAA"}
|
package/dist/Image/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export { default as Image } from './Image';
|
|
2
|
+
export type { AspectRatio, ImageLoading, ImageProps, ImageState } from './Image';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { IconName } from '../Icon';
|
|
2
|
+
import type { ComponentProps, FC } from 'react';
|
|
3
|
+
export type InputSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type InputMessageType = 'error' | 'info';
|
|
5
|
+
export interface InputProps extends ComponentProps<'input'> {
|
|
6
|
+
inputSize?: InputSize;
|
|
7
|
+
icon?: IconName;
|
|
8
|
+
label?: string;
|
|
9
|
+
message?: string;
|
|
10
|
+
messageType?: InputMessageType;
|
|
11
|
+
}
|
|
12
|
+
declare const Input: FC<InputProps>;
|
|
13
|
+
export default Input;
|
|
14
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC1C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAA;AAE/C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,OAAO,CAAC;IACzD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,gBAAgB,CAAA;CAC/B;AAID,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAmGzB,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as o,jsxs as l}from"react/jsx-runtime";import i from"clsx";import{useId as b}from"react";import{Icon as I}from"../Icon";const v={sm:16,md:20,lg:24},y=({inputSize:t="md",icon:r,label:s,message:e,messageType:p="info",className:c,id:f,...g})=>{const x=b(),n=f??x,d=e?`${n}-message`:void 0,u=p==="error"&&!!e,a=o("input",{id:n,"aria-invalid":u||void 0,"aria-describedby":d,className:i("ui:w-full ui:rounded ui:border ui:bg-background ui:font-roboto ui:text-foreground ui:transition-colors","ui:placeholder:text-muted-foreground","ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-offset-2","ui:disabled:pointer-events-none ui:disabled:opacity-50",u?"ui:border-destructive ui:focus:ring-destructive":"ui:border-input ui:focus:ring-primary",{"ui:h-8 ui:px-3 ui:text-sm":t==="sm","ui:h-10 ui:px-4 ui:text-base":t==="md","ui:h-12 ui:px-6 ui:text-lg":t==="lg"},r&&{"ui:pr-8":t==="sm","ui:pr-10":t==="md","ui:pr-12":t==="lg"},c),...g}),m=r?l("div",{className:"ui:relative ui:w-full",children:[a,o("span",{className:i("ui:pointer-events-none ui:absolute ui:top-1/2 ui:-translate-y-1/2 ui:text-muted-foreground",{"ui:right-2":t==="sm","ui:right-3":t==="md","ui:right-4":t==="lg"}),children:o(I,{name:r,size:v[t]})})]}):a;return!s&&!e?m:l("div",{className:"ui:flex ui:w-full ui:flex-col ui:gap-1.5",children:[s&&o("label",{htmlFor:n,className:i("ui:font-roboto ui:font-medium ui:text-foreground",{"ui:text-xs":t==="sm","ui:text-sm":t==="md","ui:text-base":t==="lg"}),children:s}),m,e&&o("p",{id:d,role:u?"alert":void 0,className:i("ui:font-roboto",{"ui:text-xs":t==="sm","ui:text-sm":t==="md"||t==="lg"},u?"ui:text-destructive":"ui:text-muted-foreground"),children:e})]})};var P=y;export{P as default};
|
|
2
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Input/Input.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useId } from 'react'\n\nimport { Icon } from '../Icon'\n\nimport type { IconName } from '../Icon'\nimport type { ComponentProps, FC } from 'react'\n\nexport type InputSize = 'sm' | 'md' | 'lg'\nexport type InputMessageType = 'error' | 'info'\n\nexport interface InputProps extends ComponentProps<'input'> {\n inputSize?: InputSize\n icon?: IconName\n label?: string\n message?: string\n messageType?: InputMessageType\n}\n\nconst iconSizeMap = { sm: 16, md: 20, lg: 24 } as const\n\nconst Input: FC<InputProps> = ({\n inputSize = 'md',\n icon,\n label,\n message,\n messageType = 'info',\n className,\n id: externalId,\n ...rest\n}) => {\n const autoId = useId()\n const inputId = externalId ?? autoId\n const messageId = message ? `${inputId}-message` : undefined\n const hasError = messageType === 'error' && !!message\n\n const input = (\n <input\n id={inputId}\n aria-invalid={hasError || undefined}\n aria-describedby={messageId}\n className={clsx(\n 'ui:w-full ui:rounded ui:border ui:bg-background ui:font-roboto ui:text-foreground ui:transition-colors',\n 'ui:placeholder:text-muted-foreground',\n 'ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-offset-2',\n 'ui:disabled:pointer-events-none ui:disabled:opacity-50',\n hasError\n ? 'ui:border-destructive ui:focus:ring-destructive'\n : 'ui:border-input ui:focus:ring-primary',\n {\n 'ui:h-8 ui:px-3 ui:text-sm': inputSize === 'sm',\n 'ui:h-10 ui:px-4 ui:text-base': inputSize === 'md',\n 'ui:h-12 ui:px-6 ui:text-lg': inputSize === 'lg',\n },\n icon && {\n 'ui:pr-8': inputSize === 'sm',\n 'ui:pr-10': inputSize === 'md',\n 'ui:pr-12': inputSize === 'lg',\n },\n className\n )}\n {...rest}\n />\n )\n\n const inputWithIcon = icon ? (\n <div className=\"ui:relative ui:w-full\">\n {input}\n <span\n className={clsx(\n 'ui:pointer-events-none ui:absolute ui:top-1/2 ui:-translate-y-1/2 ui:text-muted-foreground',\n {\n 'ui:right-2': inputSize === 'sm',\n 'ui:right-3': inputSize === 'md',\n 'ui:right-4': inputSize === 'lg',\n }\n )}\n >\n <Icon name={icon} size={iconSizeMap[inputSize]} />\n </span>\n </div>\n ) : (\n input\n )\n\n if (!label && !message) return inputWithIcon\n\n return (\n <div className=\"ui:flex ui:w-full ui:flex-col ui:gap-1.5\">\n {label && (\n <label\n htmlFor={inputId}\n className={clsx('ui:font-roboto ui:font-medium ui:text-foreground', {\n 'ui:text-xs': inputSize === 'sm',\n 'ui:text-sm': inputSize === 'md',\n 'ui:text-base': inputSize === 'lg',\n })}\n >\n {label}\n </label>\n )}\n {inputWithIcon}\n {message && (\n <p\n id={messageId}\n role={hasError ? 'alert' : undefined}\n className={clsx(\n 'ui:font-roboto',\n {\n 'ui:text-xs': inputSize === 'sm',\n 'ui:text-sm': inputSize === 'md' || inputSize === 'lg',\n },\n hasError ? 'ui:text-destructive' : 'ui:text-muted-foreground'\n )}\n >\n {message}\n </p>\n )}\n </div>\n )\n}\n\nexport default Input\n"],"mappings":"AAqCI,cAAAA,EA6BA,QAAAC,MA7BA,oBArCJ,OAAOC,MAAU,OACjB,OAAS,SAAAC,MAAa,QAEtB,OAAS,QAAAC,MAAY,UAgBrB,MAAMC,EAAc,CAAE,GAAI,GAAI,GAAI,GAAI,GAAI,EAAG,EAEvCC,EAAwB,CAAC,CAC7B,UAAAC,EAAY,KACZ,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,OACd,UAAAC,EACA,GAAIC,EACJ,GAAGC,CACL,IAAM,CACJ,MAAMC,EAASZ,EAAM,EACfa,EAAUH,GAAcE,EACxBE,EAAYP,EAAU,GAAGM,CAAO,WAAa,OAC7CE,EAAWP,IAAgB,SAAW,CAAC,CAACD,EAExCS,EACJnB,EAAC,SACC,GAAIgB,EACJ,eAAcE,GAAY,OAC1B,mBAAkBD,EAClB,UAAWf,EACT,yGACA,uCACA,+DACA,yDACAgB,EACI,kDACA,wCACJ,CACE,4BAA6BX,IAAc,KAC3C,+BAAgCA,IAAc,KAC9C,6BAA8BA,IAAc,IAC9C,EACAC,GAAQ,CACN,UAAWD,IAAc,KACzB,WAAYA,IAAc,KAC1B,WAAYA,IAAc,IAC5B,EACAK,CACF,EACC,GAAGE,EACN,EAGIM,EAAgBZ,EACpBP,EAAC,OAAI,UAAU,wBACZ,UAAAkB,EACDnB,EAAC,QACC,UAAWE,EACT,6FACA,CACE,aAAcK,IAAc,KAC5B,aAAcA,IAAc,KAC5B,aAAcA,IAAc,IAC9B,CACF,EAEA,SAAAP,EAACI,EAAA,CAAK,KAAMI,EAAM,KAAMH,EAAYE,CAAS,EAAG,EAClD,GACF,EAEAY,EAGF,MAAI,CAACV,GAAS,CAACC,EAAgBU,EAG7BnB,EAAC,OAAI,UAAU,2CACZ,UAAAQ,GACCT,EAAC,SACC,QAASgB,EACT,UAAWd,EAAK,mDAAoD,CAClE,aAAcK,IAAc,KAC5B,aAAcA,IAAc,KAC5B,eAAgBA,IAAc,IAChC,CAAC,EAEA,SAAAE,EACH,EAEDW,EACAV,GACCV,EAAC,KACC,GAAIiB,EACJ,KAAMC,EAAW,QAAU,OAC3B,UAAWhB,EACT,iBACA,CACE,aAAcK,IAAc,KAC5B,aAAcA,IAAc,MAAQA,IAAc,IACpD,EACAW,EAAW,sBAAwB,0BACrC,EAEC,SAAAR,EACH,GAEJ,CAEJ,EAEA,IAAOW,EAAQf","names":["jsx","jsxs","clsx","useId","Icon","iconSizeMap","Input","inputSize","icon","label","message","messageType","className","externalId","rest","autoId","inputId","messageId","hasError","input","inputWithIcon","Input_default"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}
|