@recordair/ui-core 0.1.0
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/LICENSE +29 -0
- package/README.md +12 -0
- package/dist/Accordion.d.ts +17 -0
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.js +25 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/Alert.d.ts +11 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.js +18 -0
- package/dist/Alert.js.map +1 -0
- package/dist/Avatar.d.ts +12 -0
- package/dist/Avatar.d.ts.map +1 -0
- package/dist/Avatar.js +19 -0
- package/dist/Avatar.js.map +1 -0
- package/dist/Badge.d.ts +14 -0
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.js +25 -0
- package/dist/Badge.js.map +1 -0
- package/dist/Button.d.ts +26 -0
- package/dist/Button.d.ts.map +1 -0
- package/dist/Button.js +8 -0
- package/dist/Button.js.map +1 -0
- package/dist/ButtonGroup.d.ts +8 -0
- package/dist/ButtonGroup.d.ts.map +1 -0
- package/dist/ButtonGroup.js +11 -0
- package/dist/ButtonGroup.js.map +1 -0
- package/dist/Card.d.ts +13 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.js +20 -0
- package/dist/Card.js.map +1 -0
- package/dist/CardContent.d.ts +8 -0
- package/dist/CardContent.d.ts.map +1 -0
- package/dist/CardContent.js +11 -0
- package/dist/CardContent.js.map +1 -0
- package/dist/CardDescription.d.ts +6 -0
- package/dist/CardDescription.d.ts.map +1 -0
- package/dist/CardDescription.js +5 -0
- package/dist/CardDescription.js.map +1 -0
- package/dist/CardFooter.d.ts +8 -0
- package/dist/CardFooter.d.ts.map +1 -0
- package/dist/CardFooter.js +5 -0
- package/dist/CardFooter.js.map +1 -0
- package/dist/CardHeader.d.ts +9 -0
- package/dist/CardHeader.d.ts.map +1 -0
- package/dist/CardHeader.js +5 -0
- package/dist/CardHeader.js.map +1 -0
- package/dist/CardMedia.d.ts +9 -0
- package/dist/CardMedia.d.ts.map +1 -0
- package/dist/CardMedia.js +10 -0
- package/dist/CardMedia.js.map +1 -0
- package/dist/CardTitle.d.ts +8 -0
- package/dist/CardTitle.d.ts.map +1 -0
- package/dist/CardTitle.js +8 -0
- package/dist/CardTitle.js.map +1 -0
- package/dist/Checkbox.d.ts +10 -0
- package/dist/Checkbox.d.ts.map +1 -0
- package/dist/Checkbox.js +8 -0
- package/dist/Checkbox.js.map +1 -0
- package/dist/ChoiceChip.d.ts +9 -0
- package/dist/ChoiceChip.d.ts.map +1 -0
- package/dist/ChoiceChip.js +5 -0
- package/dist/ChoiceChip.js.map +1 -0
- package/dist/ContentBlock.d.ts +19 -0
- package/dist/ContentBlock.d.ts.map +1 -0
- package/dist/ContentBlock.js +18 -0
- package/dist/ContentBlock.js.map +1 -0
- package/dist/Divider.d.ts +7 -0
- package/dist/Divider.d.ts.map +1 -0
- package/dist/Divider.js +9 -0
- package/dist/Divider.js.map +1 -0
- package/dist/EmptyState.d.ts +11 -0
- package/dist/EmptyState.d.ts.map +1 -0
- package/dist/EmptyState.js +5 -0
- package/dist/EmptyState.js.map +1 -0
- package/dist/Field.d.ts +13 -0
- package/dist/Field.d.ts.map +1 -0
- package/dist/Field.js +7 -0
- package/dist/Field.js.map +1 -0
- package/dist/IconBox.d.ts +13 -0
- package/dist/IconBox.d.ts.map +1 -0
- package/dist/IconBox.js +18 -0
- package/dist/IconBox.js.map +1 -0
- package/dist/IconButton.d.ts +12 -0
- package/dist/IconButton.d.ts.map +1 -0
- package/dist/IconButton.js +10 -0
- package/dist/IconButton.js.map +1 -0
- package/dist/Input.d.ts +14 -0
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.js +14 -0
- package/dist/Input.js.map +1 -0
- package/dist/KeyValue.d.ts +9 -0
- package/dist/KeyValue.d.ts.map +1 -0
- package/dist/KeyValue.js +5 -0
- package/dist/KeyValue.js.map +1 -0
- package/dist/LinkButton.d.ts +14 -0
- package/dist/LinkButton.d.ts.map +1 -0
- package/dist/LinkButton.js +5 -0
- package/dist/LinkButton.js.map +1 -0
- package/dist/LinkTabs.d.ts +17 -0
- package/dist/LinkTabs.d.ts.map +1 -0
- package/dist/LinkTabs.js +10 -0
- package/dist/LinkTabs.js.map +1 -0
- package/dist/MenuSelect.d.ts +16 -0
- package/dist/MenuSelect.d.ts.map +1 -0
- package/dist/MenuSelect.js +41 -0
- package/dist/MenuSelect.js.map +1 -0
- package/dist/Modal.d.ts +14 -0
- package/dist/Modal.d.ts.map +1 -0
- package/dist/Modal.js +59 -0
- package/dist/Modal.js.map +1 -0
- package/dist/NativeSelect.d.ts +8 -0
- package/dist/NativeSelect.d.ts.map +1 -0
- package/dist/NativeSelect.js +8 -0
- package/dist/NativeSelect.js.map +1 -0
- package/dist/NavigationList.d.ts +20 -0
- package/dist/NavigationList.d.ts.map +1 -0
- package/dist/NavigationList.js +23 -0
- package/dist/NavigationList.js.map +1 -0
- package/dist/Progress.d.ts +9 -0
- package/dist/Progress.d.ts.map +1 -0
- package/dist/Progress.js +8 -0
- package/dist/Progress.js.map +1 -0
- package/dist/Radio.d.ts +12 -0
- package/dist/Radio.d.ts.map +1 -0
- package/dist/Radio.js +8 -0
- package/dist/Radio.js.map +1 -0
- package/dist/RatingStars.d.ts +12 -0
- package/dist/RatingStars.d.ts.map +1 -0
- package/dist/RatingStars.js +13 -0
- package/dist/RatingStars.js.map +1 -0
- package/dist/ScrollAnchor.d.ts +8 -0
- package/dist/ScrollAnchor.d.ts.map +1 -0
- package/dist/ScrollAnchor.js +12 -0
- package/dist/ScrollAnchor.js.map +1 -0
- package/dist/SearchInput.d.ts +10 -0
- package/dist/SearchInput.d.ts.map +1 -0
- package/dist/SearchInput.js +9 -0
- package/dist/SearchInput.js.map +1 -0
- package/dist/Select.d.ts +12 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.js +12 -0
- package/dist/Select.js.map +1 -0
- package/dist/Skeleton.d.ts +8 -0
- package/dist/Skeleton.d.ts.map +1 -0
- package/dist/Skeleton.js +5 -0
- package/dist/Skeleton.js.map +1 -0
- package/dist/Spinner.d.ts +10 -0
- package/dist/Spinner.d.ts.map +1 -0
- package/dist/Spinner.js +10 -0
- package/dist/Spinner.js.map +1 -0
- package/dist/SubmitButton.d.ts +10 -0
- package/dist/SubmitButton.d.ts.map +1 -0
- package/dist/SubmitButton.js +10 -0
- package/dist/SubmitButton.js.map +1 -0
- package/dist/Tabs.d.ts +17 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.js +8 -0
- package/dist/Tabs.js.map +1 -0
- package/dist/Textarea.d.ts +10 -0
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.js +8 -0
- package/dist/Textarea.js.map +1 -0
- package/dist/Toast.d.ts +13 -0
- package/dist/Toast.d.ts.map +1 -0
- package/dist/Toast.js +26 -0
- package/dist/Toast.js.map +1 -0
- package/dist/Toggle.d.ts +13 -0
- package/dist/Toggle.d.ts.map +1 -0
- package/dist/Toggle.js +21 -0
- package/dist/Toggle.js.map +1 -0
- package/dist/buttonStyles.d.ts +14 -0
- package/dist/buttonStyles.d.ts.map +1 -0
- package/dist/buttonStyles.js +16 -0
- package/dist/buttonStyles.js.map +1 -0
- package/dist/classNames.d.ts +4 -0
- package/dist/classNames.d.ts.map +1 -0
- package/dist/classNames.js +3 -0
- package/dist/classNames.js.map +1 -0
- package/dist/icons/GoogleIcon.d.ts +6 -0
- package/dist/icons/GoogleIcon.d.ts.map +1 -0
- package/dist/icons/GoogleIcon.js +4 -0
- package/dist/icons/GoogleIcon.js.map +1 -0
- package/dist/icons/XSocialIcon.d.ts +6 -0
- package/dist/icons/XSocialIcon.d.ts.map +1 -0
- package/dist/icons/XSocialIcon.js +4 -0
- package/dist/icons/XSocialIcon.js.map +1 -0
- package/dist/icons/index.d.ts +7 -0
- package/dist/icons/index.d.ts.map +1 -0
- package/dist/icons/index.js +4 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +85 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +43 -0
- package/dist/index.js.map +1 -0
- package/package.json +34 -0
package/dist/Progress.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "./classNames";
|
|
3
|
+
const Progress = ({ value, label, className, ...rest }) => {
|
|
4
|
+
const normalizedValue = Math.min(100, Math.max(0, value));
|
|
5
|
+
return (_jsx("div", { role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": normalizedValue, className: classNames("h-2 overflow-hidden rounded-full bg-neutral-200", className), ...rest, children: _jsx("span", { className: "block h-full rounded-full bg-brand-primary transition-[width]", style: { width: `${normalizedValue}%` } }) }));
|
|
6
|
+
};
|
|
7
|
+
export { Progress };
|
|
8
|
+
//# sourceMappingURL=Progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../src/Progress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,EAAE,EAAE;IACvE,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,cACE,IAAI,EAAC,aAAa,gBACN,KAAK,mBACF,CAAC,mBACD,GAAG,mBACH,eAAe,EAC9B,SAAS,EAAE,UAAU,CAAC,iDAAiD,EAAE,SAAS,CAAC,KAC/E,IAAI,YAER,eAAM,SAAS,EAAC,+DAA+D,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,eAAe,GAAG,EAAE,GAAI,GACvH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/Radio.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { InputHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
description?: ReactNode;
|
|
5
|
+
};
|
|
6
|
+
declare const Radio: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
7
|
+
label: ReactNode;
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
|
+
export { Radio };
|
|
11
|
+
export type { RadioProps };
|
|
12
|
+
//# sourceMappingURL=Radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,KAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,KAAK;WAJF,SAAS;kBACF,SAAS;oDAsBvB,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/Radio.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { classNames } from "./classNames";
|
|
4
|
+
const Radio = forwardRef(function Radio({ label, description, className, disabled, ...rest }, ref) {
|
|
5
|
+
return (_jsxs("label", { className: classNames("flex items-start gap-3", disabled && "cursor-not-allowed opacity-60", className), children: [_jsx("input", { ref: ref, type: "radio", disabled: disabled, className: "mt-0.5 size-4 accent-brand-primary focus:outline-none focus:shadow-focus", ...rest }), _jsxs("span", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-sm font-medium text-neutral-900", children: label }), description ? _jsx("span", { className: "text-label text-neutral-500", children: description }) : null] })] }));
|
|
6
|
+
});
|
|
7
|
+
export { Radio };
|
|
8
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACpD,GAAG;IAEH,OAAO,CACL,iBAAO,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,QAAQ,IAAI,+BAA+B,EAAE,SAAS,CAAC,aAC5G,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,0EAA0E,KAChF,IAAI,GACR,EACF,gBAAM,SAAS,EAAC,uBAAuB,aACrC,eAAM,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAQ,EACpE,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IACnF,IACD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
type RatingStarsSize = "sm" | "md";
|
|
3
|
+
type RatingStarsProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
|
|
4
|
+
value: number;
|
|
5
|
+
max?: number;
|
|
6
|
+
label?: string;
|
|
7
|
+
size?: RatingStarsSize;
|
|
8
|
+
};
|
|
9
|
+
declare const RatingStars: ({ value, max, label, size, className, ...rest }: RatingStarsProps) => import("react").JSX.Element;
|
|
10
|
+
export { RatingStars };
|
|
11
|
+
export type { RatingStarsProps, RatingStarsSize };
|
|
12
|
+
//# sourceMappingURL=RatingStars.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RatingStars.d.ts","sourceRoot":"","sources":["../src/RatingStars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAOF,QAAA,MAAM,WAAW,GAAI,iDAOlB,gBAAgB,gCAsBlB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { StarIcon } from "./icons";
|
|
3
|
+
import { classNames } from "./classNames";
|
|
4
|
+
const sizeClasses = {
|
|
5
|
+
sm: "size-4",
|
|
6
|
+
md: "size-5",
|
|
7
|
+
};
|
|
8
|
+
const RatingStars = ({ value, max = 5, label = `${value} sur ${max}`, size = "sm", className, ...rest }) => {
|
|
9
|
+
const normalizedValue = Math.max(0, Math.min(value, max));
|
|
10
|
+
return (_jsx("div", { role: "img", "aria-label": label, className: classNames("flex items-center gap-1", className), ...rest, children: Array.from({ length: max }).map((_, index) => (_jsx(StarIcon, { "aria-hidden": true, className: classNames(sizeClasses[size], index < normalizedValue ? "fill-star text-star" : "text-neutral-300") }, index))) }));
|
|
11
|
+
};
|
|
12
|
+
export { RatingStars };
|
|
13
|
+
//# sourceMappingURL=RatingStars.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RatingStars.js","sourceRoot":"","sources":["../src/RatingStars.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1C,MAAM,WAAW,GAAoC;IACnD,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACb,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,GAAG,GAAG,CAAC,EACP,KAAK,GAAG,GAAG,KAAK,QAAQ,GAAG,EAAE,EAC7B,IAAI,GAAG,IAAI,EACX,SAAS,EACT,GAAG,IAAI,EACU,EAAE,EAAE;IACrB,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,cACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,KACvD,IAAI,YAEP,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7C,KAAC,QAAQ,yBAGP,SAAS,EAAE,UAAU,CACnB,WAAW,CAAC,IAAI,CAAC,EACjB,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,CACrE,IALI,KAAK,CAMV,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type ScrollAnchorProps = {
|
|
2
|
+
signal: string | number;
|
|
3
|
+
behavior?: ScrollBehavior;
|
|
4
|
+
};
|
|
5
|
+
declare const ScrollAnchor: ({ signal, behavior }: ScrollAnchorProps) => import("react").JSX.Element;
|
|
6
|
+
export { ScrollAnchor };
|
|
7
|
+
export type { ScrollAnchorProps };
|
|
8
|
+
//# sourceMappingURL=ScrollAnchor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollAnchor.d.ts","sourceRoot":"","sources":["../src/ScrollAnchor.tsx"],"names":[],"mappings":"AAIA,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,sBAAiC,iBAAiB,gCAQvE,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useRef } from "react";
|
|
4
|
+
const ScrollAnchor = ({ signal, behavior = "smooth" }) => {
|
|
5
|
+
const ref = useRef(null);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
ref.current?.scrollIntoView({ block: "end", behavior });
|
|
8
|
+
}, [behavior, signal]);
|
|
9
|
+
return _jsx("div", { ref: ref, "aria-hidden": true });
|
|
10
|
+
};
|
|
11
|
+
export { ScrollAnchor };
|
|
12
|
+
//# sourceMappingURL=ScrollAnchor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollAnchor.js","sourceRoot":"","sources":["../src/ScrollAnchor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAO1C,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAqB,EAAE,EAAE;IAC1E,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,OAAO,cAAK,GAAG,EAAE,GAAG,wBAAgB,CAAC;AACvC,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { InputHTMLAttributes } from "react";
|
|
2
|
+
type SearchInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
3
|
+
invalid?: boolean;
|
|
4
|
+
};
|
|
5
|
+
declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
6
|
+
invalid?: boolean;
|
|
7
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
8
|
+
export { SearchInput };
|
|
9
|
+
export type { SearchInputProps };
|
|
10
|
+
//# sourceMappingURL=SearchInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIjD,KAAK,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW;cAHL,OAAO;oDAKjB,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { SearchIcon } from "./icons";
|
|
4
|
+
import { Input } from "./Input";
|
|
5
|
+
const SearchInput = forwardRef(function SearchInput(props, ref) {
|
|
6
|
+
return _jsx(Input, { ref: ref, type: "search", leadingIcon: _jsx(SearchIcon, { "aria-hidden": true, className: "size-4" }), ...props });
|
|
7
|
+
});
|
|
8
|
+
export { SearchInput };
|
|
9
|
+
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMhC,MAAM,WAAW,GAAG,UAAU,CAAqC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAChG,OAAO,KAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAC,WAAW,EAAE,KAAC,UAAU,yBAAa,SAAS,EAAC,QAAQ,GAAG,KAAM,KAAK,GAAI,CAAC;AAClH,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/Select.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { InputHTMLAttributes } from "react";
|
|
2
|
+
type SelectProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
3
|
+
invalid?: boolean;
|
|
4
|
+
options?: readonly string[];
|
|
5
|
+
};
|
|
6
|
+
declare const Select: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
|
|
7
|
+
invalid?: boolean;
|
|
8
|
+
options?: readonly string[];
|
|
9
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
|
+
export { Select };
|
|
11
|
+
export type { SelectProps };
|
|
12
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIjD,KAAK,WAAW,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,MAAM;cAJA,OAAO;cACP,SAAS,MAAM,EAAE;oDAwC3B,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/Select.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { ChevronDownIcon } from "./icons";
|
|
4
|
+
import { classNames } from "./classNames";
|
|
5
|
+
const Select = forwardRef(function Select({ invalid = false, className, options, list, id, ...rest }, ref) {
|
|
6
|
+
const listId = list ?? (options && id ? `${id}-options` : undefined);
|
|
7
|
+
return (_jsxs("div", { className: "relative w-full", children: [_jsx("input", { ref: ref, id: id, list: listId, "aria-invalid": invalid || undefined, className: classNames("h-[var(--size-btn-md)] w-full rounded-md border-control bg-neutral-0 px-4 pr-10 text-sm text-neutral-900 placeholder:text-neutral-400", "focus:outline-none focus:shadow-focus", "disabled:bg-neutral-100 disabled:text-neutral-400", invalid
|
|
8
|
+
? "border-error focus:border-error"
|
|
9
|
+
: "border-neutral-200 focus:border-brand-primary", className), ...rest }), _jsx(ChevronDownIcon, { "aria-hidden": true, className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-neutral-400" }), options && listId ? (_jsx("datalist", { id: listId, children: options.map((option) => (_jsx("option", { value: option }, option))) })) : null] }));
|
|
10
|
+
});
|
|
11
|
+
export { Select };
|
|
12
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,MAAM,MAAM,GAAG,UAAU,CAAgC,SAAS,MAAM,CACtE,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAC1D,GAAG;IAEH,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,MAAM,kBACE,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,UAAU,CACnB,uIAAuI,EACvI,uCAAuC,EACvC,mDAAmD,EACnD,OAAO;oBACL,CAAC,CAAC,iCAAiC;oBACnC,CAAC,CAAC,+CAA+C,EACnD,SAAS,CACV,KACG,IAAI,GACR,EACF,KAAC,eAAe,yBAEd,SAAS,EAAC,uFAAuF,GACjG,EACD,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,CACnB,mBAAU,EAAE,EAAE,MAAM,YACjB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAAqB,KAAK,EAAE,MAAM,IAArB,MAAM,CAAmB,CACvC,CAAC,GACO,CACZ,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
type SkeletonProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
shape?: "line" | "rectangle" | "circle";
|
|
4
|
+
};
|
|
5
|
+
declare const Skeleton: ({ shape, className, ...rest }: SkeletonProps) => import("react").JSX.Element;
|
|
6
|
+
export { Skeleton };
|
|
7
|
+
export type { SkeletonProps };
|
|
8
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../src/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,+BAAwC,aAAa,gCAYtE,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/Skeleton.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "./classNames";
|
|
3
|
+
const Skeleton = ({ shape = "line", className, ...rest }) => (_jsx("div", { "aria-hidden": true, className: classNames("animate-pulse bg-neutral-200", shape === "line" && "h-4 rounded-full", shape === "rectangle" && "h-24 rounded-md", shape === "circle" && "size-[var(--size-avatar-md)] rounded-full", className), ...rest }));
|
|
4
|
+
export { Skeleton };
|
|
5
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../src/Skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,EAAE,EAAE,CAAC,CAC1E,mCAEE,SAAS,EAAE,UAAU,CACnB,8BAA8B,EAC9B,KAAK,KAAK,MAAM,IAAI,kBAAkB,EACtC,KAAK,KAAK,WAAW,IAAI,iBAAiB,EAC1C,KAAK,KAAK,QAAQ,IAAI,2CAA2C,EACjE,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
type SpinnerSize = "sm" | "md" | "lg";
|
|
3
|
+
type SpinnerProps = HTMLAttributes<HTMLSpanElement> & {
|
|
4
|
+
label: string;
|
|
5
|
+
size?: SpinnerSize;
|
|
6
|
+
};
|
|
7
|
+
declare const Spinner: ({ label, size, className, ...rest }: SpinnerProps) => import("react").JSX.Element;
|
|
8
|
+
export { Spinner };
|
|
9
|
+
export type { SpinnerProps, SpinnerSize };
|
|
10
|
+
//# sourceMappingURL=Spinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,KAAK,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAQF,QAAA,MAAM,OAAO,GAAI,qCAA4C,YAAY,gCAExE,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/Spinner.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "./classNames";
|
|
3
|
+
const sizeClasses = {
|
|
4
|
+
sm: "size-4 border-2",
|
|
5
|
+
md: "size-5 border-2",
|
|
6
|
+
lg: "size-8 border-3",
|
|
7
|
+
};
|
|
8
|
+
const Spinner = ({ label, size = "md", className, ...rest }) => (_jsx("span", { role: "status", "aria-label": label, className: classNames("inline-block animate-spin rounded-full border-neutral-200 border-t-brand-primary", sizeClasses[size], className), ...rest }));
|
|
9
|
+
export { Spinner };
|
|
10
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,MAAM,WAAW,GAAgC;IAC/C,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAgB,EAAE,EAAE,CAAC,CAC5E,eAAM,IAAI,EAAC,QAAQ,gBAAa,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,kFAAkF,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAC7L,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import type { ButtonProps } from "./Button";
|
|
3
|
+
type SubmitButtonProps = Omit<ButtonProps, "type" | "loading"> & {
|
|
4
|
+
pendingLabel?: ReactNode;
|
|
5
|
+
nativeProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type">;
|
|
6
|
+
};
|
|
7
|
+
declare const SubmitButton: ({ children, pendingLabel, disabled, nativeProps, ...rest }: SubmitButtonProps) => import("react").JSX.Element;
|
|
8
|
+
export { SubmitButton };
|
|
9
|
+
export type { SubmitButtonProps };
|
|
10
|
+
//# sourceMappingURL=SubmitButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../src/SubmitButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;CACrE,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,4DAMnB,iBAAiB,gCAcnB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useFormStatus } from "react-dom";
|
|
4
|
+
import { Button } from "./Button";
|
|
5
|
+
const SubmitButton = ({ children, pendingLabel, disabled, nativeProps, ...rest }) => {
|
|
6
|
+
const { pending } = useFormStatus();
|
|
7
|
+
return (_jsx(Button, { type: "submit", loading: pending, disabled: disabled || pending, ...nativeProps, ...rest, children: pending && pendingLabel ? pendingLabel : children }));
|
|
8
|
+
};
|
|
9
|
+
export { SubmitButton };
|
|
10
|
+
//# sourceMappingURL=SubmitButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../src/SubmitButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACW,EAAE,EAAE;IACtB,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,KACzB,WAAW,KACX,IAAI,YAEP,OAAO,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,GAC3C,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
package/dist/Tabs.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
type TabItem = {
|
|
3
|
+
id: string;
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
type TabsProps = {
|
|
8
|
+
items: readonly TabItem[];
|
|
9
|
+
activeId: string;
|
|
10
|
+
label: string;
|
|
11
|
+
onChange: (id: string) => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const Tabs: ({ items, activeId, label, onChange, className }: TabsProps) => import("react").JSX.Element;
|
|
15
|
+
export { Tabs };
|
|
16
|
+
export type { TabItem, TabsProps };
|
|
17
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,iDAAiD,SAAS,gCAwBvE,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/Tabs.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "./classNames";
|
|
3
|
+
const Tabs = ({ items, activeId, label, onChange, className }) => (_jsx("div", { role: "tablist", "aria-label": label, className: classNames("flex gap-1 border-b border-neutral-200", className), children: items.map((item) => {
|
|
4
|
+
const active = item.id === activeId;
|
|
5
|
+
return (_jsx("button", { type: "button", role: "tab", "aria-selected": active, disabled: item.disabled, onClick: () => onChange(item.id), className: classNames("relative h-[var(--size-btn-md)] px-4 text-sm font-semibold transition focus:outline-none focus-visible:shadow-focus", active ? "text-brand-primary after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-brand-primary" : "text-neutral-500 hover:text-neutral-900", item.disabled && "cursor-not-allowed opacity-50"), children: item.label }, item.id));
|
|
6
|
+
}) }));
|
|
7
|
+
export { Tabs };
|
|
8
|
+
//# sourceMappingURL=Tabs.js.map
|
package/dist/Tabs.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgB1C,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAa,EAAE,EAAE,CAAC,CAC3E,cAAK,IAAI,EAAC,SAAS,gBAAa,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,wCAAwC,EAAE,SAAS,CAAC,YAC9G,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC;QAEpC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAChC,SAAS,EAAE,UAAU,CACnB,qHAAqH,EACrH,MAAM,CAAC,CAAC,CAAC,qGAAqG,CAAC,CAAC,CAAC,yCAAyC,EAC1J,IAAI,CAAC,QAAQ,IAAI,+BAA+B,CACjD,YAEA,IAAI,CAAC,KAAK,IAZN,IAAI,CAAC,EAAE,CAaL,CACV,CAAC;IACJ,CAAC,CAAC,GACE,CACP,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { TextareaHTMLAttributes } from "react";
|
|
2
|
+
type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
3
|
+
invalid?: boolean;
|
|
4
|
+
};
|
|
5
|
+
declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
6
|
+
invalid?: boolean;
|
|
7
|
+
} & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
8
|
+
export { Textarea };
|
|
9
|
+
export type { TextareaProps };
|
|
10
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGpD,KAAK,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,QAAQ;cAHF,OAAO;uDAqBjB,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/Textarea.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { classNames } from "./classNames";
|
|
4
|
+
const Textarea = forwardRef(function Textarea({ invalid = false, className, ...rest }, ref) {
|
|
5
|
+
return (_jsx("textarea", { ref: ref, "aria-invalid": invalid || undefined, className: classNames("min-h-28 w-full resize-y rounded-md border-control bg-neutral-0 px-4 py-3 text-sm text-neutral-900 placeholder:text-neutral-400", "focus:outline-none focus:shadow-focus", "disabled:bg-neutral-100 disabled:text-neutral-400", invalid ? "border-error focus:border-error" : "border-neutral-200 focus:border-brand-primary", className), ...rest }));
|
|
6
|
+
});
|
|
7
|
+
export { Textarea };
|
|
8
|
+
//# sourceMappingURL=Textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,MAAM,QAAQ,GAAG,UAAU,CAAqC,SAAS,QAAQ,CAC/E,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACvC,GAAG;IAEH,OAAO,CACL,mBACE,GAAG,EAAE,GAAG,kBACM,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,UAAU,CACnB,iIAAiI,EACjI,uCAAuC,EACvC,mDAAmD,EACnD,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,+CAA+C,EAC7F,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/Toast.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
type ToastVariant = "success" | "error" | "warning" | "info";
|
|
2
|
+
type ToastProps = {
|
|
3
|
+
open: boolean;
|
|
4
|
+
variant: ToastVariant;
|
|
5
|
+
message: string;
|
|
6
|
+
closeLabel: string;
|
|
7
|
+
onClose: () => void;
|
|
8
|
+
duration?: number;
|
|
9
|
+
};
|
|
10
|
+
declare const Toast: ({ open, variant, message, closeLabel, onClose, duration, }: ToastProps) => import("react").JSX.Element | null;
|
|
11
|
+
export { Toast };
|
|
12
|
+
export type { ToastProps, ToastVariant };
|
|
13
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAMA,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AASF,QAAA,MAAM,KAAK,GAAI,4DAOZ,UAAU,uCAuCZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
|
package/dist/Toast.js
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect } from "react";
|
|
4
|
+
import { XIcon } from "./icons";
|
|
5
|
+
import { classNames } from "./classNames";
|
|
6
|
+
const variantClasses = {
|
|
7
|
+
success: "border-success-border bg-success-bg text-success-text",
|
|
8
|
+
error: "border-error-border bg-error-bg text-error-text",
|
|
9
|
+
warning: "border-warning-border bg-warning-bg text-warning-text",
|
|
10
|
+
info: "border-info-border bg-info-bg text-info-text",
|
|
11
|
+
};
|
|
12
|
+
const Toast = ({ open, variant, message, closeLabel, onClose, duration = 3500, }) => {
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
if (!open || duration === 0) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const timeout = window.setTimeout(onClose, duration);
|
|
18
|
+
return () => window.clearTimeout(timeout);
|
|
19
|
+
}, [open, duration, onClose]);
|
|
20
|
+
if (!open) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
return (_jsx("div", { role: variant === "error" ? "alert" : "status", "aria-live": variant === "error" ? "assertive" : "polite", className: "fixed bottom-6 left-1/2 z-50 -translate-x-1/2", children: _jsxs("div", { className: classNames("flex items-center gap-3 rounded-md border px-4 py-3 text-sm shadow-md", variantClasses[variant]), children: [_jsx("span", { children: message }), _jsx("button", { type: "button", onClick: onClose, "aria-label": closeLabel, className: "text-current opacity-60 transition-opacity hover:opacity-100", children: _jsx(XIcon, { className: "size-4" }) })] }) }));
|
|
24
|
+
};
|
|
25
|
+
export { Toast };
|
|
26
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAa1C,MAAM,cAAc,GAAiC;IACnD,OAAO,EAAE,uDAAuD;IAChE,KAAK,EAAE,iDAAiD;IACxD,OAAO,EAAE,uDAAuD;IAChE,IAAI,EAAE,8CAA8C;CACrD,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EACb,IAAI,EACJ,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,QAAQ,GAAG,IAAI,GACJ,EAAE,EAAE;IACf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,cACE,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,eACnC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,EACvD,SAAS,EAAC,+CAA+C,YAEzD,eACE,SAAS,EAAE,UAAU,CACnB,uEAAuE,EACvE,cAAc,CAAC,OAAO,CAAC,CACxB,aAED,yBAAO,OAAO,GAAQ,EACtB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACJ,UAAU,EACtB,SAAS,EAAC,8DAA8D,YAExE,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,GACrB,IACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dist/Toggle.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ChangeEventHandler } from "react";
|
|
2
|
+
type ToggleProps = {
|
|
3
|
+
name?: string;
|
|
4
|
+
defaultChecked?: boolean;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
ariaLabel: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
9
|
+
};
|
|
10
|
+
declare const Toggle: ({ name, defaultChecked, checked, ariaLabel, disabled, onChange, }: ToggleProps) => import("react").JSX.Element;
|
|
11
|
+
export { Toggle };
|
|
12
|
+
export type { ToggleProps };
|
|
13
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAGhD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACjD,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,mEAOb,WAAW,gCA6Cb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/Toggle.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useId, useState } from "react";
|
|
4
|
+
import { classNames } from "./classNames";
|
|
5
|
+
const Toggle = ({ name, defaultChecked = false, checked, ariaLabel, disabled = false, onChange, }) => {
|
|
6
|
+
const id = useId();
|
|
7
|
+
const [internalChecked, setInternalChecked] = useState(defaultChecked);
|
|
8
|
+
const isControlled = checked !== undefined;
|
|
9
|
+
const isChecked = isControlled ? checked : internalChecked;
|
|
10
|
+
const handleChange = (event) => {
|
|
11
|
+
if (!isControlled) {
|
|
12
|
+
setInternalChecked(event.target.checked);
|
|
13
|
+
}
|
|
14
|
+
onChange?.(event);
|
|
15
|
+
};
|
|
16
|
+
return (_jsxs("label", { htmlFor: id, className: classNames("relative inline-flex h-[var(--size-toggle-track-height)] w-[var(--size-toggle-track-width)] shrink-0 items-center rounded-full transition-colors focus-within:shadow-focus", isChecked ? "bg-brand-primary" : "bg-neutral-200", disabled ? "cursor-not-allowed opacity-40" : "cursor-pointer"), children: [_jsx("input", { id: id, type: "checkbox", name: name, checked: checked, defaultChecked: isControlled ? undefined : defaultChecked, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, className: "sr-only" }), _jsx("span", { "aria-hidden": true, className: classNames("inline-block size-[var(--size-toggle-thumb)] transform rounded-full bg-neutral-0 shadow-sm transition-transform", isChecked
|
|
17
|
+
? "translate-x-[var(--spacing-toggle-on)]"
|
|
18
|
+
: "translate-x-[var(--spacing-toggle-off)]") })] }));
|
|
19
|
+
};
|
|
20
|
+
export { Toggle };
|
|
21
|
+
//# sourceMappingURL=Toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1C,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,OAAO,EACP,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACI,EAAE,EAAE;IAChB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,CAAC;IAC3C,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;IAE3D,MAAM,YAAY,GAAyC,CAAC,KAAK,EAAE,EAAE;QACnE,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC3C,CAAC;QAED,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,iBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,UAAU,CACnB,4KAA4K,EAC5K,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EACjD,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAAgB,CAC9D,aAED,gBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,EACzD,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,SAAS,GACnB,EACF,oCAEE,SAAS,EAAE,UAAU,CACnB,iHAAiH,EACjH,SAAS;oBACP,CAAC,CAAC,wCAAwC;oBAC1C,CAAC,CAAC,yCAAyC,CAC9C,GACD,IACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
type ButtonVariant = "primary" | "secondary" | "ghost" | "soft" | "danger";
|
|
2
|
+
type ButtonSize = "sm" | "md" | "lg";
|
|
3
|
+
type ButtonShape = "default" | "pill";
|
|
4
|
+
type ButtonStyleOptions = {
|
|
5
|
+
variant?: ButtonVariant;
|
|
6
|
+
size?: ButtonSize;
|
|
7
|
+
shape?: ButtonShape;
|
|
8
|
+
block?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const buttonClassName: ({ variant, size, shape, block, className, }: ButtonStyleOptions) => string;
|
|
12
|
+
export { buttonClassName };
|
|
13
|
+
export type { ButtonShape, ButtonSize, ButtonStyleOptions, ButtonVariant };
|
|
14
|
+
//# sourceMappingURL=buttonStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../src/buttonStyles.ts"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC3E,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC,KAAK,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtC,KAAK,kBAAkB,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF,QAAA,MAAM,eAAe,GAAI,6CAMtB,kBAAkB,KAAG,MAQrB,CAAC;AAEJ,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { classNames } from "./classNames";
|
|
2
|
+
const sizeClasses = {
|
|
3
|
+
sm: "h-[var(--size-btn-sm)] px-4 text-sm",
|
|
4
|
+
md: "h-[var(--size-btn-md)] px-5 text-sm",
|
|
5
|
+
lg: "h-[var(--size-btn-lg)] px-6 text-base",
|
|
6
|
+
};
|
|
7
|
+
const variantClasses = {
|
|
8
|
+
primary: "bg-gradient-to-r from-brand-gradient-from to-brand-gradient-to text-neutral-0 shadow-brand hover:brightness-110",
|
|
9
|
+
secondary: "border-control border-neutral-200 bg-neutral-0 text-neutral-900 hover:border-neutral-300 hover:bg-neutral-50",
|
|
10
|
+
ghost: "bg-transparent text-neutral-700 hover:bg-neutral-100",
|
|
11
|
+
soft: "bg-role-studio-bg text-role-studio-text hover:brightness-95",
|
|
12
|
+
danger: "bg-error text-neutral-0 hover:brightness-95",
|
|
13
|
+
};
|
|
14
|
+
const buttonClassName = ({ variant = "primary", size = "md", shape = "default", block = false, className, }) => classNames("inline-flex items-center justify-center gap-2 font-semibold transition focus-visible:outline-none focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-60", shape === "pill" ? "rounded-full" : "rounded-md", sizeClasses[size], variantClasses[variant], block && "w-full", className);
|
|
15
|
+
export { buttonClassName };
|
|
16
|
+
//# sourceMappingURL=buttonStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../src/buttonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAc1C,MAAM,WAAW,GAA+B;IAC9C,EAAE,EAAE,qCAAqC;IACzC,EAAE,EAAE,qCAAqC;IACzC,EAAE,EAAE,uCAAuC;CAC5C,CAAC;AAEF,MAAM,cAAc,GAAkC;IACpD,OAAO,EACL,iHAAiH;IACnH,SAAS,EACP,8GAA8G;IAChH,KAAK,EAAE,sDAAsD;IAC7D,IAAI,EAAE,6DAA6D;IACnE,MAAM,EAAE,6CAA6C;CACtD,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,KAAK,EACb,SAAS,GACU,EAAU,EAAE,CAC/B,UAAU,CACR,8KAA8K,EAC9K,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAChD,WAAW,CAAC,IAAI,CAAC,EACjB,cAAc,CAAC,OAAO,CAAC,EACvB,KAAK,IAAI,QAAQ,EACjB,SAAS,CACV,CAAC;AAEJ,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../src/classNames.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAEpD,QAAA,MAAM,UAAU,GAAI,GAAG,QAAQ,UAAU,EAAE,KAAG,MAA0C,CAAC;AAEzF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../src/classNames.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,GAAG,CAAC,GAAG,MAAoB,EAAU,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEzF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { SVGProps } from "react";
|
|
2
|
+
type GoogleIconProps = SVGProps<SVGSVGElement>;
|
|
3
|
+
declare const GoogleIcon: (props: GoogleIconProps) => import("react").JSX.Element;
|
|
4
|
+
export { GoogleIcon };
|
|
5
|
+
export type { GoogleIconProps };
|
|
6
|
+
//# sourceMappingURL=GoogleIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GoogleIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GoogleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE/C,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,gCAOzC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const GoogleIcon = (props) => (_jsxs("svg", { viewBox: "0 0 20 20", "aria-hidden": true, ...props, children: [_jsx("path", { fill: "#4285F4", d: "M19.6 10.23c0-.71-.06-1.39-.18-2.05H10v3.87h5.38a4.6 4.6 0 0 1-2 3.02v2.5h3.23c1.89-1.74 2.99-4.3 2.99-7.34z" }), _jsx("path", { fill: "#34A853", d: "M10 20c2.7 0 4.96-.9 6.62-2.43l-3.23-2.5c-.9.6-2.04.96-3.39.96-2.6 0-4.81-1.76-5.6-4.12H1.07v2.59A10 10 0 0 0 10 20z" }), _jsx("path", { fill: "#FBBC05", d: "M4.4 11.91A6 6 0 0 1 4.08 10c0-.66.11-1.31.32-1.91V5.5H1.07A10 10 0 0 0 0 10c0 1.61.39 3.14 1.07 4.5l3.33-2.59z" }), _jsx("path", { fill: "#EA4335", d: "M10 3.96c1.47 0 2.79.5 3.83 1.5l2.87-2.87C14.96.98 12.7 0 10 0A10 10 0 0 0 1.07 5.5l3.33 2.59C5.19 5.72 7.4 3.96 10 3.96z" })] }));
|
|
3
|
+
export { GoogleIcon };
|
|
4
|
+
//# sourceMappingURL=GoogleIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GoogleIcon.js","sourceRoot":"","sources":["../../src/icons/GoogleIcon.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAC7C,eAAK,OAAO,EAAC,WAAW,0BAAiB,KAAK,aAC5C,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,8GAA8G,GAAG,EACxI,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,sHAAsH,GAAG,EAChJ,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,iHAAiH,GAAG,EAC3I,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,2HAA2H,GAAG,IACjJ,CACP,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { SVGProps } from "react";
|
|
2
|
+
type XSocialIconProps = SVGProps<SVGSVGElement>;
|
|
3
|
+
declare const XSocialIcon: (props: XSocialIconProps) => import("react").JSX.Element;
|
|
4
|
+
export { XSocialIcon };
|
|
5
|
+
export type { XSocialIconProps };
|
|
6
|
+
//# sourceMappingURL=XSocialIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XSocialIcon.d.ts","sourceRoot":"","sources":["../../src/icons/XSocialIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAEhD,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,gCAI3C,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const XSocialIcon = (props) => (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, ...props, children: _jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) }));
|
|
3
|
+
export { XSocialIcon };
|
|
4
|
+
//# sourceMappingURL=XSocialIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XSocialIcon.js","sourceRoot":"","sources":["../../src/icons/XSocialIcon.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CAC/C,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,0BAAiB,KAAK,YAChE,eAAM,CAAC,EAAC,6JAA6J,GAAG,GACpK,CACP,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { ArrowDown as ArrowDownIcon, ArrowLeft as ArrowLeftIcon, ArrowRight as ArrowRightIcon, ArrowUp as ArrowUpIcon, ArrowUpRight as ArrowUpRightIcon, AudioLines as AudioLinesIcon, BarChart3 as BarChart3Icon, Bell as BellIcon, CalendarDays as CalendarDaysIcon, Camera as CameraIcon, CheckCheck as CheckCheckIcon, Check as CheckIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, CircleHelp as CircleHelpIcon, Clipboard as ClipboardIcon, Clock as ClockIcon, Compass as CompassIcon, CreditCard as CreditCardIcon, Eye as EyeIcon, FileText as FileTextIcon, Gift as GiftIcon, Globe as GlobeIcon, Guitar as GuitarIcon, Headphones as HeadphonesIcon, Heart as HeartIcon, Hourglass as HourglassIcon, House as HouseIcon, Instagram as InstagramIcon, Laptop as LaptopIcon, Lightbulb as LightbulbIcon, Lock as LockIcon, LogOut as LogOutIcon, Mail as MailIcon, MapPin as MapPinIcon, Menu as MenuIcon, MessageCircle as MessageCircleIcon, Ellipsis as EllipsisIcon, Mic as MicIcon, Monitor as MonitorIcon, PartyPopper as PartyPopperIcon, Piano as PianoIcon, Play as PlayIcon, Plus as PlusIcon, Puzzle as PuzzleIcon, ReceiptText as ReceiptTextIcon, Save as SaveIcon, Search as SearchIcon, Settings as SettingsIcon, ShieldCheck as ShieldCheckIcon, Signal as SignalIcon, SlidersHorizontal as SlidersHorizontalIcon, SlidersVertical as SlidersVerticalIcon, Smartphone as SmartphoneIcon, Star as StarIcon, Thermometer as ThermometerIcon, TrendingUp as TrendingUpIcon, TriangleAlert as TriangleAlertIcon, User as UserIcon, Volume2 as Volume2Icon, Wallet as WalletIcon, Wrench as WrenchIcon, X as XIcon, Youtube as YoutubeIcon, Zap as ZapIcon, } from "lucide-react";
|
|
2
|
+
export type { LucideProps as IconProps } from "lucide-react";
|
|
3
|
+
export { GoogleIcon } from "./GoogleIcon";
|
|
4
|
+
export type { GoogleIconProps } from "./GoogleIcon";
|
|
5
|
+
export { XSocialIcon } from "./XSocialIcon";
|
|
6
|
+
export type { XSocialIconProps } from "./XSocialIcon";
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,aAAa,EAC1B,SAAS,IAAI,aAAa,EAC1B,UAAU,IAAI,cAAc,EAC5B,OAAO,IAAI,WAAW,EACtB,YAAY,IAAI,gBAAgB,EAChC,UAAU,IAAI,cAAc,EAC5B,SAAS,IAAI,aAAa,EAC1B,IAAI,IAAI,QAAQ,EAChB,YAAY,IAAI,gBAAgB,EAChC,MAAM,IAAI,UAAU,EACpB,UAAU,IAAI,cAAc,EAC5B,KAAK,IAAI,SAAS,EAClB,WAAW,IAAI,eAAe,EAC9B,WAAW,IAAI,eAAe,EAC9B,YAAY,IAAI,gBAAgB,EAChC,UAAU,IAAI,cAAc,EAC5B,SAAS,IAAI,aAAa,EAC1B,KAAK,IAAI,SAAS,EAClB,OAAO,IAAI,WAAW,EACtB,UAAU,IAAI,cAAc,EAC5B,GAAG,IAAI,OAAO,EACd,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAChB,KAAK,IAAI,SAAS,EAClB,MAAM,IAAI,UAAU,EACpB,UAAU,IAAI,cAAc,EAC5B,KAAK,IAAI,SAAS,EAClB,SAAS,IAAI,aAAa,EAC1B,KAAK,IAAI,SAAS,EAClB,SAAS,IAAI,aAAa,EAC1B,MAAM,IAAI,UAAU,EACpB,SAAS,IAAI,aAAa,EAC1B,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,IAAI,IAAI,QAAQ,EAChB,aAAa,IAAI,iBAAiB,EAClC,QAAQ,IAAI,YAAY,EACxB,GAAG,IAAI,OAAO,EACd,OAAO,IAAI,WAAW,EACtB,WAAW,IAAI,eAAe,EAC9B,KAAK,IAAI,SAAS,EAClB,IAAI,IAAI,QAAQ,EAChB,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,WAAW,IAAI,eAAe,EAC9B,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,QAAQ,IAAI,YAAY,EACxB,WAAW,IAAI,eAAe,EAC9B,MAAM,IAAI,UAAU,EACpB,iBAAiB,IAAI,qBAAqB,EAC1C,eAAe,IAAI,mBAAmB,EACtC,UAAU,IAAI,cAAc,EAC5B,IAAI,IAAI,QAAQ,EAChB,WAAW,IAAI,eAAe,EAC9B,UAAU,IAAI,cAAc,EAC5B,aAAa,IAAI,iBAAiB,EAClC,IAAI,IAAI,QAAQ,EAChB,OAAO,IAAI,WAAW,EACtB,MAAM,IAAI,UAAU,EACpB,MAAM,IAAI,UAAU,EACpB,CAAC,IAAI,KAAK,EACV,OAAO,IAAI,WAAW,EACtB,GAAG,IAAI,OAAO,GACf,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { ArrowDown as ArrowDownIcon, ArrowLeft as ArrowLeftIcon, ArrowRight as ArrowRightIcon, ArrowUp as ArrowUpIcon, ArrowUpRight as ArrowUpRightIcon, AudioLines as AudioLinesIcon, BarChart3 as BarChart3Icon, Bell as BellIcon, CalendarDays as CalendarDaysIcon, Camera as CameraIcon, CheckCheck as CheckCheckIcon, Check as CheckIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, CircleHelp as CircleHelpIcon, Clipboard as ClipboardIcon, Clock as ClockIcon, Compass as CompassIcon, CreditCard as CreditCardIcon, Eye as EyeIcon, FileText as FileTextIcon, Gift as GiftIcon, Globe as GlobeIcon, Guitar as GuitarIcon, Headphones as HeadphonesIcon, Heart as HeartIcon, Hourglass as HourglassIcon, House as HouseIcon, Instagram as InstagramIcon, Laptop as LaptopIcon, Lightbulb as LightbulbIcon, Lock as LockIcon, LogOut as LogOutIcon, Mail as MailIcon, MapPin as MapPinIcon, Menu as MenuIcon, MessageCircle as MessageCircleIcon, Ellipsis as EllipsisIcon, Mic as MicIcon, Monitor as MonitorIcon, PartyPopper as PartyPopperIcon, Piano as PianoIcon, Play as PlayIcon, Plus as PlusIcon, Puzzle as PuzzleIcon, ReceiptText as ReceiptTextIcon, Save as SaveIcon, Search as SearchIcon, Settings as SettingsIcon, ShieldCheck as ShieldCheckIcon, Signal as SignalIcon, SlidersHorizontal as SlidersHorizontalIcon, SlidersVertical as SlidersVerticalIcon, Smartphone as SmartphoneIcon, Star as StarIcon, Thermometer as ThermometerIcon, TrendingUp as TrendingUpIcon, TriangleAlert as TriangleAlertIcon, User as UserIcon, Volume2 as Volume2Icon, Wallet as WalletIcon, Wrench as WrenchIcon, X as XIcon, Youtube as YoutubeIcon, Zap as ZapIcon, } from "lucide-react";
|
|
2
|
+
export { GoogleIcon } from "./GoogleIcon";
|
|
3
|
+
export { XSocialIcon } from "./XSocialIcon";
|
|
4
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,aAAa,EAC1B,SAAS,IAAI,aAAa,EAC1B,UAAU,IAAI,cAAc,EAC5B,OAAO,IAAI,WAAW,EACtB,YAAY,IAAI,gBAAgB,EAChC,UAAU,IAAI,cAAc,EAC5B,SAAS,IAAI,aAAa,EAC1B,IAAI,IAAI,QAAQ,EAChB,YAAY,IAAI,gBAAgB,EAChC,MAAM,IAAI,UAAU,EACpB,UAAU,IAAI,cAAc,EAC5B,KAAK,IAAI,SAAS,EAClB,WAAW,IAAI,eAAe,EAC9B,WAAW,IAAI,eAAe,EAC9B,YAAY,IAAI,gBAAgB,EAChC,UAAU,IAAI,cAAc,EAC5B,SAAS,IAAI,aAAa,EAC1B,KAAK,IAAI,SAAS,EAClB,OAAO,IAAI,WAAW,EACtB,UAAU,IAAI,cAAc,EAC5B,GAAG,IAAI,OAAO,EACd,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAChB,KAAK,IAAI,SAAS,EAClB,MAAM,IAAI,UAAU,EACpB,UAAU,IAAI,cAAc,EAC5B,KAAK,IAAI,SAAS,EAClB,SAAS,IAAI,aAAa,EAC1B,KAAK,IAAI,SAAS,EAClB,SAAS,IAAI,aAAa,EAC1B,MAAM,IAAI,UAAU,EACpB,SAAS,IAAI,aAAa,EAC1B,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,IAAI,IAAI,QAAQ,EAChB,aAAa,IAAI,iBAAiB,EAClC,QAAQ,IAAI,YAAY,EACxB,GAAG,IAAI,OAAO,EACd,OAAO,IAAI,WAAW,EACtB,WAAW,IAAI,eAAe,EAC9B,KAAK,IAAI,SAAS,EAClB,IAAI,IAAI,QAAQ,EAChB,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,WAAW,IAAI,eAAe,EAC9B,IAAI,IAAI,QAAQ,EAChB,MAAM,IAAI,UAAU,EACpB,QAAQ,IAAI,YAAY,EACxB,WAAW,IAAI,eAAe,EAC9B,MAAM,IAAI,UAAU,EACpB,iBAAiB,IAAI,qBAAqB,EAC1C,eAAe,IAAI,mBAAmB,EACtC,UAAU,IAAI,cAAc,EAC5B,IAAI,IAAI,QAAQ,EAChB,WAAW,IAAI,eAAe,EAC9B,UAAU,IAAI,cAAc,EAC5B,aAAa,IAAI,iBAAiB,EAClC,IAAI,IAAI,QAAQ,EAChB,OAAO,IAAI,WAAW,EACtB,MAAM,IAAI,UAAU,EACpB,MAAM,IAAI,UAAU,EACpB,CAAC,IAAI,KAAK,EACV,OAAO,IAAI,WAAW,EACtB,GAAG,IAAI,OAAO,GACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|