@powered-by-array/ui 1.31.0 → 1.33.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/dist/components/Badge/Badge.d.ts +3 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.js +10 -0
- package/dist/components/Badge/Badge.js.map +1 -0
- package/dist/components/Badge/Badge.types.d.ts +5 -0
- package/dist/components/Badge/Badge.types.d.ts.map +1 -0
- package/dist/components/Badge/Badge.types.js +2 -0
- package/dist/components/Badge/Badge.types.js.map +1 -0
- package/dist/components/Badge/Badge.variants.d.ts +9 -0
- package/dist/components/Badge/Badge.variants.d.ts.map +1 -0
- package/dist/components/Badge/Badge.variants.js +62 -0
- package/dist/components/Badge/Badge.variants.js.map +1 -0
- package/dist/components/Badge/index.d.ts +4 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Badge/index.js +3 -0
- package/dist/components/Badge/index.js.map +1 -0
- package/dist/components/BreadcrumbsBar/BreadcrumbsBar.d.ts +20 -0
- package/dist/components/BreadcrumbsBar/BreadcrumbsBar.d.ts.map +1 -0
- package/dist/components/BreadcrumbsBar/BreadcrumbsBar.js +20 -0
- package/dist/components/BreadcrumbsBar/BreadcrumbsBar.js.map +1 -0
- package/dist/components/BreadcrumbsBar/index.d.ts +3 -0
- package/dist/components/BreadcrumbsBar/index.d.ts.map +1 -0
- package/dist/components/BreadcrumbsBar/index.js +2 -0
- package/dist/components/BreadcrumbsBar/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +3 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +8 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.types.d.ts +7 -0
- package/dist/components/Button/Button.types.d.ts.map +1 -0
- package/dist/components/Button/Button.types.js +2 -0
- package/dist/components/Button/Button.types.js.map +1 -0
- package/dist/components/Button/Button.variants.d.ts +7 -0
- package/dist/components/Button/Button.variants.d.ts.map +1 -0
- package/dist/components/Button/Button.variants.js +73 -0
- package/dist/components/Button/Button.variants.js.map +1 -0
- package/dist/components/Button/index.d.ts +4 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.js +3 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.d.ts +3 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.d.ts.map +1 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.js +7 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.js.map +1 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.types.d.ts +9 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.types.d.ts.map +1 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.types.js +2 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.types.js.map +1 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.variants.d.ts +12 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.variants.d.ts.map +1 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.variants.js +28 -0
- package/dist/components/SpotlightCalloutCard/SpotlightCalloutCard.variants.js.map +1 -0
- package/dist/components/SpotlightCalloutCard/index.d.ts +4 -0
- package/dist/components/SpotlightCalloutCard/index.d.ts.map +1 -0
- package/dist/components/SpotlightCalloutCard/index.js +3 -0
- package/dist/components/SpotlightCalloutCard/index.js.map +1 -0
- package/dist/components/alert-dialog.js +2 -2
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/calendar.d.ts +1 -1
- package/dist/components/calendar.d.ts.map +1 -1
- package/dist/components/calendar.js +4 -4
- package/dist/components/calendar.js.map +1 -1
- package/dist/components/nav-menu-primitives.js +3 -3
- package/dist/components/nav-menu-primitives.js.map +1 -1
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/pagination.d.ts.map +1 -1
- package/dist/components/pagination.js +5 -5
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/sidebar.d.ts +1 -1
- package/dist/components/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar.js +2 -2
- package/dist/components/sidebar.js.map +1 -1
- package/dist/index.d.ts +183 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/badge.d.ts +0 -10
- package/dist/components/badge.d.ts.map +0 -1
- package/dist/components/badge.js +0 -24
- package/dist/components/badge.js.map +0 -1
- package/dist/components/breadcrumb.d.ts +0 -12
- package/dist/components/breadcrumb.d.ts.map +0 -1
- package/dist/components/breadcrumb.js +0 -29
- package/dist/components/breadcrumb.js.map +0 -1
- package/dist/components/button.d.ts +0 -14
- package/dist/components/button.d.ts.map +0 -1
- package/dist/components/button.js +0 -36
- package/dist/components/button.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,2CAsBZ"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../../lib/cn.js";
|
|
3
|
+
import { badgeDefaultLabel, badgeIndicatorClass, badgeVariants, } from "./Badge.variants.js";
|
|
4
|
+
export function Badge({ className, variant, children, ref, ...props }) {
|
|
5
|
+
const resolvedVariant = variant ?? "draft";
|
|
6
|
+
const indicator = badgeIndicatorClass[resolvedVariant];
|
|
7
|
+
const label = children ?? badgeDefaultLabel[resolvedVariant];
|
|
8
|
+
return (_jsxs("span", { ref: ref, "data-slot": "badge", "data-variant": resolvedVariant, role: "status", className: cn(badgeVariants({ variant: resolvedVariant }), className), ...props, children: [_jsx("span", { "aria-hidden": "true", "data-slot": "badge-indicator", className: cn("size-1.5 shrink-0 rounded-full", indicator) }), label] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,GACd,MAAM,qBAAqB,CAAC;AAG7B,MAAM,UAAU,KAAK,CAAC,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACG;IACX,MAAM,eAAe,GAAG,OAAO,IAAI,OAAO,CAAC;IAC3C,MAAM,SAAS,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,QAAQ,IAAI,iBAAiB,CAAC,eAAe,CAAC,CAAC;IAE7D,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,eACE,OAAO,kBACH,eAAe,EAC7B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,CAAC,KACjE,KAAK,aAET,8BACc,MAAM,eACR,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,GAC1D,EACD,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC;AAEhE,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.types.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
export declare const badgeVariants: (props?: ({
|
|
3
|
+
variant?: "draft" | "sourcing" | "in-review" | "advertising" | "filled" | "closed" | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
|
+
export type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
|
|
6
|
+
export declare const badgeIndicatorClass: Record<BadgeVariant, string>;
|
|
7
|
+
export declare const badgeDefaultLabel: Record<BadgeVariant, string>;
|
|
8
|
+
export type BadgeVariants = VariantProps<typeof badgeVariants>;
|
|
9
|
+
//# sourceMappingURL=Badge.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,aAAa;;8EA8CzB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAEtF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAO5D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAO1D,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { cva } from "class-variance-authority";
|
|
2
|
+
export const badgeVariants = cva([
|
|
3
|
+
"inline-flex items-center justify-center w-fit shrink-0 whitespace-nowrap",
|
|
4
|
+
"rounded-full",
|
|
5
|
+
"text-[10px] font-medium leading-3 tracking-[0.4px]",
|
|
6
|
+
"transition-colors",
|
|
7
|
+
], {
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
"draft": [
|
|
11
|
+
"bg-[var(--color-semantic-badge-status-bg)]",
|
|
12
|
+
"text-[var(--color-semantic-badge-status-fg)]",
|
|
13
|
+
"gap-1.5 px-3 py-1",
|
|
14
|
+
],
|
|
15
|
+
"sourcing": [
|
|
16
|
+
"bg-[var(--color-semantic-badge-status-bg)]",
|
|
17
|
+
"text-[var(--color-semantic-badge-status-fg)]",
|
|
18
|
+
"gap-1.5 px-3 py-1",
|
|
19
|
+
],
|
|
20
|
+
"in-review": [
|
|
21
|
+
"bg-[var(--color-semantic-badge-status-bg)]",
|
|
22
|
+
"text-[var(--color-semantic-badge-status-fg)]",
|
|
23
|
+
"gap-1.5 px-3 py-1",
|
|
24
|
+
],
|
|
25
|
+
"advertising": [
|
|
26
|
+
"bg-[var(--color-semantic-badge-status-bg)]",
|
|
27
|
+
"text-[var(--color-semantic-badge-status-fg)]",
|
|
28
|
+
"gap-1.5 px-3 py-1",
|
|
29
|
+
],
|
|
30
|
+
"filled": [
|
|
31
|
+
"bg-[var(--color-semantic-badge-status-bg)]",
|
|
32
|
+
"text-[var(--color-semantic-badge-status-fg)]",
|
|
33
|
+
"gap-1.5 px-3 py-1",
|
|
34
|
+
],
|
|
35
|
+
"closed": [
|
|
36
|
+
"bg-[var(--color-semantic-badge-status-bg)]",
|
|
37
|
+
"text-[var(--color-semantic-badge-status-fg)]",
|
|
38
|
+
"gap-1.5 px-3 py-1",
|
|
39
|
+
],
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
defaultVariants: {
|
|
43
|
+
variant: "draft",
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
export const badgeIndicatorClass = {
|
|
47
|
+
"draft": "bg-[var(--color-semantic-badge-indicator-draft)]",
|
|
48
|
+
"sourcing": "bg-[var(--color-semantic-badge-indicator-sourcing)]",
|
|
49
|
+
"in-review": "bg-[var(--color-semantic-badge-indicator-in-review)]",
|
|
50
|
+
"advertising": "bg-[var(--color-semantic-badge-indicator-advertising)]",
|
|
51
|
+
"filled": "bg-[var(--color-semantic-badge-indicator-filled)]",
|
|
52
|
+
"closed": "bg-[var(--color-semantic-badge-indicator-closed)]",
|
|
53
|
+
};
|
|
54
|
+
export const badgeDefaultLabel = {
|
|
55
|
+
"draft": "DRAFT",
|
|
56
|
+
"sourcing": "SOURCING",
|
|
57
|
+
"in-review": "IN REVIEW",
|
|
58
|
+
"advertising": "ADVERTISING",
|
|
59
|
+
"filled": "FILLED",
|
|
60
|
+
"closed": "CLOSED",
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=Badge.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.variants.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B;IACE,0EAA0E;IAC1E,cAAc;IACd,oDAAoD;IACpD,mBAAmB;CACpB,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,4CAA4C;gBAC5C,8CAA8C;gBAC9C,mBAAmB;aACpB;YACD,UAAU,EAAE;gBACV,4CAA4C;gBAC5C,8CAA8C;gBAC9C,mBAAmB;aACpB;YACD,WAAW,EAAE;gBACX,4CAA4C;gBAC5C,8CAA8C;gBAC9C,mBAAmB;aACpB;YACD,aAAa,EAAE;gBACb,4CAA4C;gBAC5C,8CAA8C;gBAC9C,mBAAmB;aACpB;YACD,QAAQ,EAAE;gBACR,4CAA4C;gBAC5C,8CAA8C;gBAC9C,mBAAmB;aACpB;YACD,QAAQ,EAAE;gBACR,4CAA4C;gBAC5C,8CAA8C;gBAC9C,mBAAmB;aACpB;SACF;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;KACjB;CACF,CACF,CAAC;AAIF,MAAM,CAAC,MAAM,mBAAmB,GAAiC;IAC/D,OAAO,EAAE,kDAAkD;IAC3D,UAAU,EAAE,qDAAqD;IACjE,WAAW,EAAE,sDAAsD;IACnE,aAAa,EAAE,wDAAwD;IACvE,QAAQ,EAAE,mDAAmD;IAC7D,QAAQ,EAAE,mDAAmD;CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAiC;IAC7D,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,WAAW;IACxB,aAAa,EAAE,aAAa;IAC5B,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;CACnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type BreadcrumbsBarItem = {
|
|
3
|
+
name: string;
|
|
4
|
+
link?: string;
|
|
5
|
+
};
|
|
6
|
+
export type BreadcrumbsBarProps = Omit<React.ComponentProps<"nav">, "children"> & {
|
|
7
|
+
items: BreadcrumbsBarItem[];
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Renders a breadcrumb trail from a single `items` array. Separator is always a literal ">"
|
|
11
|
+
* character (matching Figma node 1415:31698). Text is italic; colors come from
|
|
12
|
+
* `--color-semantic-breadcrumb-*` tokens.
|
|
13
|
+
*
|
|
14
|
+
* Behavior per item:
|
|
15
|
+
* - Last item: active/current page (`aria-current="page"`, no anchor) — `link` is ignored.
|
|
16
|
+
* - Mid-trail with `link`: navigable anchor; on hover transitions to the active color.
|
|
17
|
+
* - Mid-trail without `link`: plain text in the link color.
|
|
18
|
+
*/
|
|
19
|
+
export declare function BreadcrumbsBar({ items, className, ...props }: BreadcrumbsBarProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=BreadcrumbsBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbsBar.d.ts","sourceRoot":"","sources":["../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA6DjF"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { cn } from "../../lib/cn.js";
|
|
4
|
+
/**
|
|
5
|
+
* Renders a breadcrumb trail from a single `items` array. Separator is always a literal ">"
|
|
6
|
+
* character (matching Figma node 1415:31698). Text is italic; colors come from
|
|
7
|
+
* `--color-semantic-breadcrumb-*` tokens.
|
|
8
|
+
*
|
|
9
|
+
* Behavior per item:
|
|
10
|
+
* - Last item: active/current page (`aria-current="page"`, no anchor) — `link` is ignored.
|
|
11
|
+
* - Mid-trail with `link`: navigable anchor; on hover transitions to the active color.
|
|
12
|
+
* - Mid-trail without `link`: plain text in the link color.
|
|
13
|
+
*/
|
|
14
|
+
export function BreadcrumbsBar({ items, className, ...props }) {
|
|
15
|
+
return (_jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", className: cn("italic", className), ...props, children: _jsx("ol", { "data-slot": "breadcrumb-list", className: "flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", children: items.map((item, index) => {
|
|
16
|
+
const isLast = index === items.length - 1;
|
|
17
|
+
return (_jsxs(React.Fragment, { children: [_jsx("li", { "data-slot": "breadcrumb-item", className: "inline-flex items-center gap-1.5", children: isLast ? (_jsx("span", { "data-slot": "breadcrumb-page", "aria-current": "page", className: "font-normal text-[var(--color-semantic-breadcrumb-current)]", children: item.name })) : item.link != null ? (_jsx("a", { href: item.link, "data-slot": "breadcrumb-link", className: "text-[var(--color-semantic-breadcrumb-link)] transition-colors hover:text-[var(--color-semantic-breadcrumb-current)]", children: item.name })) : (_jsx("span", { "data-slot": "breadcrumb-text", className: "text-[var(--color-semantic-breadcrumb-link)]", children: item.name })) }), !isLast && (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: "text-[var(--color-semantic-breadcrumb-separator)]", children: ">" }))] }, `${index}-${item.name}`));
|
|
18
|
+
}) }) }));
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=BreadcrumbsBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbsBar.js","sourceRoot":"","sources":["../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAWrC;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB;IAChF,OAAO,CACL,4BACa,YAAY,eACb,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAC9B,KAAK,YAET,0BACY,iBAAiB,EAC3B,SAAS,EAAC,oEAAoE,YAE7E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC1C,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,0BACY,iBAAiB,EAC3B,SAAS,EAAC,kCAAkC,YAE3C,MAAM,CAAC,CAAC,CAAC,CACR,4BACY,iBAAiB,kBACd,MAAM,EACnB,SAAS,EAAC,6DAA6D,YAEtE,IAAI,CAAC,IAAI,GACL,CACR,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CACtB,YACE,IAAI,EAAE,IAAI,CAAC,IAAI,eACL,iBAAiB,EAC3B,SAAS,EAAC,sHAAsH,YAE/H,IAAI,CAAC,IAAI,GACR,CACL,CAAC,CAAC,CAAC,CACF,4BACY,iBAAiB,EAC3B,SAAS,EAAC,8CAA8C,YAEvD,IAAI,CAAC,IAAI,GACL,CACR,GACE,EACJ,CAAC,MAAM,IAAI,CACV,0BACY,sBAAsB,EAChC,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAC,mDAAmD,kBAG1D,CACN,KAvCkB,GAAG,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAwC3B,CAClB,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BreadcrumbsBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BreadcrumbsBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAe,EACf,OAAe,EACf,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,2CA0Bb"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Loader2 } from "lucide-react";
|
|
3
|
+
import { cn } from "../../lib/cn.js";
|
|
4
|
+
import { buttonVariants } from "./Button.variants.js";
|
|
5
|
+
export function Button({ className, variant, size, type = "button", loading = false, disabled, children, ref, ...props }) {
|
|
6
|
+
return (_jsx("button", { ref: ref, "data-slot": "button", type: type, disabled: disabled || loading, "aria-busy": loading || undefined, className: cn(buttonVariants({ variant, size }), "relative", className), ...props, children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { "aria-hidden": "true", className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 animate-spin" }), _jsx("span", { "aria-hidden": "true", className: "invisible", children: children })] })) : (children) }));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACI;IACZ,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,eACE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,OAAO,eAClB,OAAO,IAAI,SAAS,EAC/B,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,KACnE,KAAK,YAER,OAAO,CAAC,CAAC,CAAC,CACT,8BACE,KAAC,OAAO,mBACM,MAAM,EAClB,SAAS,EAAC,0EAA0E,GACpF,EACF,8BAAkB,MAAM,EAAC,SAAS,EAAC,WAAW,YAC3C,QAAQ,GACJ,IACN,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACM,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ComponentProps } from "react";
|
|
2
|
+
import type { ButtonVariants } from "./Button.variants.js";
|
|
3
|
+
export type ButtonProps = ComponentProps<"button"> & ButtonVariants & {
|
|
4
|
+
loading?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export type { ButtonVariants };
|
|
7
|
+
//# sourceMappingURL=Button.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GAChD,cAAc,GAAG;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
export declare const buttonVariants: (props?: ({
|
|
3
|
+
variant?: "primary" | "primary-callout" | "primary-destructive" | "secondary" | "secondary-callout" | "secondary-destructive" | "ghost" | "tertiary" | null | undefined;
|
|
4
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export type ButtonVariants = VariantProps<typeof buttonVariants>;
|
|
7
|
+
//# sourceMappingURL=Button.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,cAAc;;;8EAyE1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { cva } from "class-variance-authority";
|
|
2
|
+
export const buttonVariants = cva([
|
|
3
|
+
"inline-flex items-center justify-center whitespace-nowrap",
|
|
4
|
+
"rounded-[9px]",
|
|
5
|
+
"font-medium",
|
|
6
|
+
"transition-colors outline-none",
|
|
7
|
+
"focus-visible:ring-2 focus-visible:ring-offset-2",
|
|
8
|
+
"disabled:pointer-events-none disabled:opacity-50",
|
|
9
|
+
"[&_svg]:pointer-events-none [&_svg]:size-[18px] [&_svg]:shrink-0",
|
|
10
|
+
], {
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
"primary": [
|
|
14
|
+
"bg-[var(--color-semantic-button-primary-bg)] text-[var(--color-semantic-button-primary-fg)]",
|
|
15
|
+
"hover:bg-[var(--color-semantic-button-primary-bg)]/90",
|
|
16
|
+
"active:bg-[var(--color-semantic-button-primary-bg)]/80",
|
|
17
|
+
"focus-visible:ring-[var(--color-semantic-button-primary-focus)]",
|
|
18
|
+
],
|
|
19
|
+
"primary-callout": [
|
|
20
|
+
"bg-[var(--color-semantic-button-primary-callout-bg)] text-[var(--color-semantic-button-primary-callout-fg)]",
|
|
21
|
+
"hover:bg-[var(--color-semantic-button-primary-callout-bg)]/90",
|
|
22
|
+
"active:bg-[var(--color-semantic-button-primary-callout-bg)]/80",
|
|
23
|
+
"focus-visible:ring-[var(--color-semantic-button-primary-callout-focus)]",
|
|
24
|
+
],
|
|
25
|
+
"primary-destructive": [
|
|
26
|
+
"bg-[var(--color-semantic-button-primary-destructive-bg)] text-[var(--color-semantic-button-primary-destructive-fg)]",
|
|
27
|
+
"hover:bg-[var(--color-semantic-button-primary-destructive-bg)]/90",
|
|
28
|
+
"active:bg-[var(--color-semantic-button-primary-destructive-bg)]/80",
|
|
29
|
+
"focus-visible:ring-[var(--color-semantic-button-primary-destructive-focus)]",
|
|
30
|
+
],
|
|
31
|
+
"secondary": [
|
|
32
|
+
"border border-[var(--color-semantic-button-secondary-border)] text-[var(--color-semantic-button-secondary-fg)]",
|
|
33
|
+
"hover:bg-[var(--color-semantic-button-secondary-border)]/10",
|
|
34
|
+
"active:bg-[var(--color-semantic-button-secondary-border)]/20",
|
|
35
|
+
"focus-visible:ring-[var(--color-semantic-button-secondary-focus)]",
|
|
36
|
+
],
|
|
37
|
+
"secondary-callout": [
|
|
38
|
+
"border border-[var(--color-semantic-button-secondary-callout-border)] text-[var(--color-semantic-button-secondary-callout-fg)]",
|
|
39
|
+
"hover:bg-[var(--color-semantic-button-secondary-callout-border)]/10",
|
|
40
|
+
"active:bg-[var(--color-semantic-button-secondary-callout-border)]/20",
|
|
41
|
+
"focus-visible:ring-[var(--color-semantic-button-secondary-callout-focus)]",
|
|
42
|
+
],
|
|
43
|
+
"secondary-destructive": [
|
|
44
|
+
"border border-[var(--color-semantic-button-secondary-destructive-border)] text-[var(--color-semantic-button-secondary-destructive-fg)]",
|
|
45
|
+
"hover:bg-[var(--color-semantic-button-secondary-destructive-border)]/10",
|
|
46
|
+
"active:bg-[var(--color-semantic-button-secondary-destructive-border)]/20",
|
|
47
|
+
"focus-visible:ring-[var(--color-semantic-button-secondary-destructive-focus)]",
|
|
48
|
+
],
|
|
49
|
+
"ghost": [
|
|
50
|
+
"border border-[var(--color-semantic-button-ghost-border)] text-[var(--color-semantic-button-ghost-fg)]",
|
|
51
|
+
"hover:bg-[var(--color-semantic-button-ghost-border)]/10",
|
|
52
|
+
"active:bg-[var(--color-semantic-button-ghost-border)]/20",
|
|
53
|
+
"focus-visible:ring-[var(--color-semantic-button-ghost-focus)]",
|
|
54
|
+
],
|
|
55
|
+
"tertiary": [
|
|
56
|
+
"text-[var(--color-semantic-button-tertiary-fg)]",
|
|
57
|
+
"hover:bg-[var(--color-semantic-button-tertiary-fg)]/10",
|
|
58
|
+
"active:bg-[var(--color-semantic-button-tertiary-fg)]/20",
|
|
59
|
+
"focus-visible:ring-[var(--color-semantic-button-tertiary-focus)]",
|
|
60
|
+
],
|
|
61
|
+
},
|
|
62
|
+
size: {
|
|
63
|
+
sm: "h-[34px] px-[12px] gap-2 text-sm leading-5",
|
|
64
|
+
md: "h-[40px] px-[16px] gap-2 text-sm leading-5",
|
|
65
|
+
lg: "h-[48px] px-[20px] gap-3 text-base leading-6",
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
defaultVariants: {
|
|
69
|
+
variant: "primary",
|
|
70
|
+
size: "sm",
|
|
71
|
+
},
|
|
72
|
+
});
|
|
73
|
+
//# sourceMappingURL=Button.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.variants.js","sourceRoot":"","sources":["../../../src/components/Button/Button.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B;IACE,2DAA2D;IAC3D,eAAe;IACf,aAAa;IACb,gCAAgC;IAChC,kDAAkD;IAClD,kDAAkD;IAClD,kEAAkE;CACnE,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,SAAS,EAAE;gBACT,6FAA6F;gBAC7F,uDAAuD;gBACvD,wDAAwD;gBACxD,iEAAiE;aAClE;YACD,iBAAiB,EAAE;gBACjB,6GAA6G;gBAC7G,+DAA+D;gBAC/D,gEAAgE;gBAChE,yEAAyE;aAC1E;YACD,qBAAqB,EAAE;gBACrB,qHAAqH;gBACrH,mEAAmE;gBACnE,oEAAoE;gBACpE,6EAA6E;aAC9E;YACD,WAAW,EAAE;gBACX,gHAAgH;gBAChH,6DAA6D;gBAC7D,8DAA8D;gBAC9D,mEAAmE;aACpE;YACD,mBAAmB,EAAE;gBACnB,gIAAgI;gBAChI,qEAAqE;gBACrE,sEAAsE;gBACtE,2EAA2E;aAC5E;YACD,uBAAuB,EAAE;gBACvB,wIAAwI;gBACxI,yEAAyE;gBACzE,0EAA0E;gBAC1E,+EAA+E;aAChF;YACD,OAAO,EAAE;gBACP,wGAAwG;gBACxG,yDAAyD;gBACzD,0DAA0D;gBAC1D,+DAA+D;aAChE;YACD,UAAU,EAAE;gBACV,iDAAiD;gBACjD,wDAAwD;gBACxD,yDAAyD;gBACzD,kEAAkE;aACnE;SACF;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,4CAA4C;YAChD,EAAE,EAAE,4CAA4C;YAChD,EAAE,EAAE,8CAA8C;SACnD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { SpotlightCalloutCardProps } from "./SpotlightCalloutCard.types.js";
|
|
2
|
+
export declare function SpotlightCalloutCard({ title, description, recommendation, recommendationLabel, actions, className, ...props }: SpotlightCalloutCardProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=SpotlightCalloutCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpotlightCalloutCard.d.ts","sourceRoot":"","sources":["../../../src/components/SpotlightCalloutCard/SpotlightCalloutCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,WAAW,EACX,cAAc,EACd,mBAA0C,EAC1C,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAkD3B"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../../lib/cn.js";
|
|
3
|
+
import { spotlightCalloutCardVariants } from "./SpotlightCalloutCard.variants.js";
|
|
4
|
+
export function SpotlightCalloutCard({ title, description, recommendation, recommendationLabel = "Recommended Action", actions, className, ...props }) {
|
|
5
|
+
return (_jsxs("section", { "data-slot": "spotlight-callout-card", className: cn(spotlightCalloutCardVariants.root, className), ...props, children: [_jsx("div", { "data-slot": "spotlight-callout-card-header", className: cn(spotlightCalloutCardVariants.header), children: _jsx("h3", { "data-slot": "spotlight-callout-card-title", className: cn(spotlightCalloutCardVariants.title), children: title }) }), _jsxs("div", { "data-slot": "spotlight-callout-card-body", className: cn(spotlightCalloutCardVariants.body), children: [_jsx("p", { "data-slot": "spotlight-callout-card-description", className: cn(spotlightCalloutCardVariants.description), children: description }), _jsxs("div", { "data-slot": "spotlight-callout-card-recommendation", className: cn(spotlightCalloutCardVariants.recommendation), children: [_jsx("p", { "data-slot": "spotlight-callout-card-recommendation-label", className: cn(spotlightCalloutCardVariants.recommendationLabel), children: recommendationLabel }), _jsx("p", { "data-slot": "spotlight-callout-card-recommendation-text", className: cn(spotlightCalloutCardVariants.recommendationText), children: recommendation })] }), actions != null && (_jsx("div", { "data-slot": "spotlight-callout-card-actions", className: cn(spotlightCalloutCardVariants.actions), children: actions }))] })] }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=SpotlightCalloutCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpotlightCalloutCard.js","sourceRoot":"","sources":["../../../src/components/SpotlightCalloutCard/SpotlightCalloutCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAGlF,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,WAAW,EACX,cAAc,EACd,mBAAmB,GAAG,oBAAoB,EAC1C,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACkB;IAC1B,OAAO,CACL,gCACY,wBAAwB,EAClC,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,IAAI,EAAE,SAAS,CAAC,KACvD,KAAK,aAET,2BAAe,+BAA+B,EAAC,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,MAAM,CAAC,YAC/F,0BACY,8BAA8B,EACxC,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,KAAK,CAAC,YAEhD,KAAK,GACH,GACD,EACN,4BAAe,6BAA6B,EAAC,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,IAAI,CAAC,aAC3F,yBACY,oCAAoC,EAC9C,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,WAAW,CAAC,YAEtD,WAAW,GACV,EACJ,4BACY,uCAAuC,EACjD,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,cAAc,CAAC,aAE1D,yBACY,6CAA6C,EACvD,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,mBAAmB,CAAC,YAE9D,mBAAmB,GAClB,EACJ,yBACY,4CAA4C,EACtD,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,YAE7D,cAAc,GACb,IACA,EACL,OAAO,IAAI,IAAI,IAAI,CAClB,2BACY,gCAAgC,EAC1C,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,OAAO,CAAC,YAElD,OAAO,GACJ,CACP,IACG,IACE,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ComponentProps, ReactNode } from "react";
|
|
2
|
+
export type SpotlightCalloutCardProps = Omit<ComponentProps<"section">, "title"> & {
|
|
3
|
+
title: ReactNode;
|
|
4
|
+
description: ReactNode;
|
|
5
|
+
recommendation: ReactNode;
|
|
6
|
+
recommendationLabel?: ReactNode;
|
|
7
|
+
actions?: ReactNode;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=SpotlightCalloutCard.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpotlightCalloutCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/SpotlightCalloutCard/SpotlightCalloutCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG;IACjF,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,cAAc,EAAE,SAAS,CAAC;IAC1B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpotlightCalloutCard.types.js","sourceRoot":"","sources":["../../../src/components/SpotlightCalloutCard/SpotlightCalloutCard.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const spotlightCalloutCardVariants: {
|
|
2
|
+
readonly root: readonly ["flex flex-col rounded-[12px] px-[16px] py-[24px]", "border border-[var(--color-semantic-spotlight-callout-card-border)]", "bg-[var(--color-semantic-spotlight-callout-card-bg)]"];
|
|
3
|
+
readonly header: "flex flex-col pb-[24px]";
|
|
4
|
+
readonly title: readonly ["text-base font-bold", "text-[var(--color-semantic-spotlight-callout-card-title)]"];
|
|
5
|
+
readonly body: "flex flex-col gap-[36px]";
|
|
6
|
+
readonly description: readonly ["text-base font-normal", "text-[var(--color-semantic-spotlight-callout-card-description)]"];
|
|
7
|
+
readonly recommendation: "flex flex-col";
|
|
8
|
+
readonly recommendationLabel: readonly ["text-xs font-semibold uppercase", "text-[var(--color-semantic-spotlight-callout-card-recommendation-label)]"];
|
|
9
|
+
readonly recommendationText: readonly ["text-base font-normal", "text-[var(--color-semantic-spotlight-callout-card-recommendation)]"];
|
|
10
|
+
readonly actions: "flex items-center gap-[12px]";
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=SpotlightCalloutCard.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpotlightCalloutCard.variants.d.ts","sourceRoot":"","sources":["../../../src/components/SpotlightCalloutCard/SpotlightCalloutCard.variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B;;;;;;;;;;CA0B/B,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export const spotlightCalloutCardVariants = {
|
|
2
|
+
root: [
|
|
3
|
+
"flex flex-col rounded-[12px] px-[16px] py-[24px]",
|
|
4
|
+
"border border-[var(--color-semantic-spotlight-callout-card-border)]",
|
|
5
|
+
"bg-[var(--color-semantic-spotlight-callout-card-bg)]",
|
|
6
|
+
],
|
|
7
|
+
header: "flex flex-col pb-[24px]",
|
|
8
|
+
title: [
|
|
9
|
+
"text-base font-bold",
|
|
10
|
+
"text-[var(--color-semantic-spotlight-callout-card-title)]",
|
|
11
|
+
],
|
|
12
|
+
body: "flex flex-col gap-[36px]",
|
|
13
|
+
description: [
|
|
14
|
+
"text-base font-normal",
|
|
15
|
+
"text-[var(--color-semantic-spotlight-callout-card-description)]",
|
|
16
|
+
],
|
|
17
|
+
recommendation: "flex flex-col",
|
|
18
|
+
recommendationLabel: [
|
|
19
|
+
"text-xs font-semibold uppercase",
|
|
20
|
+
"text-[var(--color-semantic-spotlight-callout-card-recommendation-label)]",
|
|
21
|
+
],
|
|
22
|
+
recommendationText: [
|
|
23
|
+
"text-base font-normal",
|
|
24
|
+
"text-[var(--color-semantic-spotlight-callout-card-recommendation)]",
|
|
25
|
+
],
|
|
26
|
+
actions: "flex items-center gap-[12px]",
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=SpotlightCalloutCard.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpotlightCalloutCard.variants.js","sourceRoot":"","sources":["../../../src/components/SpotlightCalloutCard/SpotlightCalloutCard.variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,IAAI,EAAE;QACJ,kDAAkD;QAClD,qEAAqE;QACrE,sDAAsD;KACvD;IACD,MAAM,EAAE,yBAAyB;IACjC,KAAK,EAAE;QACL,qBAAqB;QACrB,2DAA2D;KAC5D;IACD,IAAI,EAAE,0BAA0B;IAChC,WAAW,EAAE;QACX,uBAAuB;QACvB,iEAAiE;KAClE;IACD,cAAc,EAAE,eAAe;IAC/B,mBAAmB,EAAE;QACnB,iCAAiC;QACjC,0EAA0E;KAC3E;IACD,kBAAkB,EAAE;QAClB,uBAAuB;QACvB,oEAAoE;KACrE;IACD,OAAO,EAAE,8BAA8B;CAC/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SpotlightCalloutCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAClF,YAAY,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SpotlightCalloutCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { cn } from "../lib/cn.js";
|
|
5
|
-
import { buttonVariants } from "./
|
|
5
|
+
import { buttonVariants } from "./Button/index.js";
|
|
6
6
|
function AlertDialog({ ...props }) {
|
|
7
7
|
return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
|
|
8
8
|
}
|
|
@@ -34,7 +34,7 @@ function AlertDialogAction({ className, ...props }) {
|
|
|
34
34
|
return _jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props });
|
|
35
35
|
}
|
|
36
36
|
function AlertDialogCancel({ className, ...props }) {
|
|
37
|
-
return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "
|
|
37
|
+
return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "secondary" }), className), ...props }));
|
|
38
38
|
}
|
|
39
39
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
|
|
40
40
|
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { DayButton, DayPicker } from "react-day-picker";
|
|
3
|
-
import { Button } from "./
|
|
3
|
+
import { Button } from "./Button/index.js";
|
|
4
4
|
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
5
5
|
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
6
6
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,mBAAmB,CAAC;AAE3D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAA0B,EAC1B,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CAuHA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -4,8 +4,8 @@ import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react
|
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker";
|
|
6
6
|
import { cn } from "../lib/cn.js";
|
|
7
|
-
import { Button, buttonVariants } from "./
|
|
8
|
-
function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "
|
|
7
|
+
import { Button, buttonVariants } from "./Button/index.js";
|
|
8
|
+
function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "tertiary", formatters, components, ...props }) {
|
|
9
9
|
const defaultClassNames = getDefaultClassNames();
|
|
10
10
|
return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
|
|
11
11
|
formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
|
|
@@ -68,10 +68,10 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
|
|
|
68
68
|
if (modifiers.focused)
|
|
69
69
|
ref.current?.focus();
|
|
70
70
|
}, [modifiers.focused]);
|
|
71
|
-
return (_jsx(Button, { ref: ref, variant: "
|
|
71
|
+
return (_jsx(Button, { ref: ref, variant: "tertiary", size: "sm", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
|
|
72
72
|
!modifiers.range_start &&
|
|
73
73
|
!modifiers.range_end &&
|
|
74
|
-
!modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
|
|
74
|
+
!modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("hover:bg-accent/30 hover:text-accent-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
|
|
75
75
|
}
|
|
76
76
|
export { Calendar, CalendarDayButton };
|
|
77
77
|
//# sourceMappingURL=calendar.js.map
|