@almanaclabs/blaze-ui 0.4.0 → 0.5.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/accordion/accordion.js +2 -2
- package/dist/components/alert/alert.d.ts +1 -1
- package/dist/components/alert/alert.js +4 -4
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +3 -3
- package/dist/components/attachment/attachment.d.ts +2 -2
- package/dist/components/attachment/attachment.js +3 -3
- package/dist/components/avatar/avatar.d.ts +6 -4
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/avatar.js +10 -9
- package/dist/components/badge/badge.d.ts +3 -2
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +30 -14
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/components/bubble/bubble.d.ts +1 -1
- package/dist/components/bubble/bubble.js +1 -1
- package/dist/components/button/button.d.ts +5 -3
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +46 -27
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/button-group/button-group.js +4 -4
- package/dist/components/calendar/calendar.d.ts.map +1 -1
- package/dist/components/calendar/calendar.js +18 -18
- package/dist/components/card/card.js +4 -4
- package/dist/components/carousel/carousel.d.ts.map +1 -1
- package/dist/components/carousel/carousel.js +31 -31
- package/dist/components/chart/chart.js +34 -34
- package/dist/components/checkbox/checkbox.js +1 -1
- package/dist/components/combobox/combobox.d.ts.map +1 -1
- package/dist/components/combobox/combobox.js +44 -44
- package/dist/components/data-table/data-table.js +1 -1
- package/dist/components/date-picker/date-picker.js +10 -10
- package/dist/components/dialog/dialog.js +3 -3
- package/dist/components/drawer/drawer.js +37 -37
- package/dist/components/dropdown-menu/dropdown-menu.js +7 -7
- package/dist/components/empty/empty.d.ts.map +1 -1
- package/dist/components/empty/empty.js +4 -4
- package/dist/components/field/field.d.ts.map +1 -1
- package/dist/components/field/field.js +28 -28
- package/dist/components/identity-mark/identity-mark.d.ts +5 -0
- package/dist/components/identity-mark/identity-mark.d.ts.map +1 -0
- package/dist/components/identity-mark/identity-mark.js +20 -0
- package/dist/components/identity-mark/index.d.ts +2 -0
- package/dist/components/identity-mark/index.d.ts.map +1 -0
- package/dist/components/input/input.d.ts +9 -2
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +23 -10
- package/dist/components/input-group/input-group.d.ts +11 -3
- package/dist/components/input-group/input-group.d.ts.map +1 -1
- package/dist/components/input-group/input-group.js +56 -38
- package/dist/components/item/item.d.ts +2 -2
- package/dist/components/item/item.js +2 -2
- package/dist/components/label/label.js +2 -2
- package/dist/components/marker/marker.d.ts +1 -1
- package/dist/components/marker/marker.js +3 -3
- package/dist/components/message/message.js +1 -1
- package/dist/components/metric-overview/index.d.ts +2 -0
- package/dist/components/metric-overview/index.d.ts.map +1 -0
- package/dist/components/metric-overview/metric-overview.d.ts +12 -0
- package/dist/components/metric-overview/metric-overview.d.ts.map +1 -0
- package/dist/components/metric-overview/metric-overview.js +42 -0
- package/dist/components/native-select/native-select.d.ts +2 -1
- package/dist/components/native-select/native-select.d.ts.map +1 -1
- package/dist/components/native-select/native-select.js +22 -21
- package/dist/components/navigation-action/index.d.ts +2 -0
- package/dist/components/navigation-action/index.d.ts.map +1 -0
- package/dist/components/navigation-action/navigation-action.d.ts +6 -0
- package/dist/components/navigation-action/navigation-action.d.ts.map +1 -0
- package/dist/components/navigation-action/navigation-action.js +18 -0
- package/dist/components/pagination/pagination.d.ts.map +1 -1
- package/dist/components/pagination/pagination.js +6 -6
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/progress/progress.js +2 -2
- package/dist/components/questionnaire/questionnaire-primitive.js +71 -71
- package/dist/components/questionnaire/questionnaire.d.ts.map +1 -1
- package/dist/components/questionnaire/questionnaire.js +7 -7
- package/dist/components/scroll-area/scroll-area.js +1 -1
- package/dist/components/select/select.d.ts +2 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +50 -49
- package/dist/components/sheet/sheet.js +2 -2
- package/dist/components/sidebar/sidebar.d.ts +13 -2
- package/dist/components/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.js +152 -91
- package/dist/components/spinner/spinner.js +1 -1
- package/dist/components/table/table.d.ts +4 -1
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +11 -9
- package/dist/components/tabs/tabs.d.ts +1 -1
- package/dist/components/tabs/tabs.js +2 -2
- package/dist/components/textarea/textarea.js +2 -2
- package/dist/components/toast/toast.d.ts.map +1 -1
- package/dist/components/toast/toast.js +6 -6
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-group/toggle-group.js +10 -10
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +58 -55
- package/dist/lib/control-size.d.ts +9 -0
- package/dist/lib/control-size.d.ts.map +1 -0
- package/dist/lib/control-size.js +10 -0
- package/dist/recipes/recipe-runtime.d.ts +12 -0
- package/dist/recipes/recipe-runtime.d.ts.map +1 -1
- package/package.json +1 -1
- package/recipes/README.md +2 -0
- package/recipes/guided-workflow/README.md +51 -0
- package/recipes/guided-workflow/guided-workflow.tsx +495 -0
- package/recipes/manifest.json +8 -1
- package/recipes/workspace-shell/README.md +79 -25
- package/recipes/workspace-shell/assets/google-search-ads.svg +6 -0
- package/recipes/workspace-shell/assets/home.svg +5 -0
- package/recipes/workspace-shell/assets/radiant-health.png +0 -0
- package/recipes/workspace-shell/workspace-shell.css +55 -0
- package/recipes/workspace-shell/workspace-shell.tsx +470 -220
- package/src/styles/fonts/Sohne-Book.woff2 +0 -0
- package/src/styles/fonts/Sohne-Medium.woff2 +0 -0
- package/src/styles/fonts/Sohne-Semi.woff2 +0 -0
- package/src/styles/globals.css +233 -54
|
@@ -22,7 +22,7 @@ function c({ className: o, children: s, ...c }) {
|
|
|
22
22
|
className: "flex",
|
|
23
23
|
children: /* @__PURE__ */ n(r.Trigger, {
|
|
24
24
|
"data-slot": "accordion-trigger",
|
|
25
|
-
className: e("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left
|
|
25
|
+
className: e("type-label group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left font-medium transition-all outline-none [--icon-stroke-width:var(--icon-stroke-16)] hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", o),
|
|
26
26
|
...c,
|
|
27
27
|
children: [
|
|
28
28
|
s,
|
|
@@ -41,7 +41,7 @@ function c({ className: o, children: s, ...c }) {
|
|
|
41
41
|
function l({ className: n, children: i, ...a }) {
|
|
42
42
|
return /* @__PURE__ */ t(r.Panel, {
|
|
43
43
|
"data-slot": "accordion-content",
|
|
44
|
-
className: "overflow-hidden
|
|
44
|
+
className: "type-body overflow-hidden data-open:animate-accordion-down data-closed:animate-accordion-up",
|
|
45
45
|
...a,
|
|
46
46
|
children: /* @__PURE__ */ t("div", {
|
|
47
47
|
className: e("h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", n),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
declare const alertVariants: (props?: ({
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "destructive" | "default" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
6
|
declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): React.JSX.Element;
|
|
7
7
|
declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import "react";
|
|
2
3
|
import { cva as t } from "class-variance-authority";
|
|
3
4
|
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
import "react";
|
|
5
5
|
//#region src/components/alert/alert.tsx
|
|
6
|
-
var r = t("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left
|
|
6
|
+
var r = t("type-body group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left [--icon-stroke-width:var(--icon-stroke-16)] has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
|
|
7
7
|
variants: { variant: {
|
|
8
8
|
default: "bg-card text-card-foreground",
|
|
9
9
|
destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
|
|
@@ -21,14 +21,14 @@ function i({ className: t, variant: i, ...a }) {
|
|
|
21
21
|
function a({ className: t, ...r }) {
|
|
22
22
|
return /* @__PURE__ */ n("div", {
|
|
23
23
|
"data-slot": "alert-title",
|
|
24
|
-
className: e("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", t),
|
|
24
|
+
className: e("type-label font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", t),
|
|
25
25
|
...r
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
28
|
function o({ className: t, ...r }) {
|
|
29
29
|
return /* @__PURE__ */ n("div", {
|
|
30
30
|
"data-slot": "alert-description",
|
|
31
|
-
className: e("
|
|
31
|
+
className: e("type-body text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", t),
|
|
32
32
|
...r
|
|
33
33
|
});
|
|
34
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAGjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,qBAEjE;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,qBAI3E;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,MAAM,CAAC,KAAK,qBAIzE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,QAAQ,CAAC,KAAK,qBAWrC;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB,qBAeA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,qBAWzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,qBAW/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAQrC;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAGjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,qBAEjE;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,qBAI3E;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,MAAM,CAAC,KAAK,qBAIzE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,QAAQ,CAAC,KAAK,qBAWrC;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB,qBAeA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,qBAWzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,qBAW/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAQrC;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAqB,EACrB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GACjC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,qBAS9D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
2
|
import { Button as t } from "../button/button.js";
|
|
3
|
-
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
3
|
import "react";
|
|
4
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
5
5
|
import { AlertDialog as i } from "@base-ui/react/alert-dialog";
|
|
6
6
|
//#region src/components/alert-dialog/alert-dialog.tsx
|
|
7
7
|
function a({ ...e }) {
|
|
@@ -54,7 +54,7 @@ function d({ className: t, ...r }) {
|
|
|
54
54
|
function f({ className: t, ...r }) {
|
|
55
55
|
return /* @__PURE__ */ n("div", {
|
|
56
56
|
"data-slot": "alert-dialog-media",
|
|
57
|
-
className: e("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", t),
|
|
57
|
+
className: e("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted [--icon-stroke-width:var(--icon-stroke-24)] sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", t),
|
|
58
58
|
...r
|
|
59
59
|
});
|
|
60
60
|
}
|
|
@@ -79,7 +79,7 @@ function h({ className: r, ...i }) {
|
|
|
79
79
|
...i
|
|
80
80
|
});
|
|
81
81
|
}
|
|
82
|
-
function g({ className: r, variant: a = "
|
|
82
|
+
function g({ className: r, variant: a = "secondary", size: o = "md", ...s }) {
|
|
83
83
|
return /* @__PURE__ */ n(i.Close, {
|
|
84
84
|
"data-slot": "alert-dialog-cancel",
|
|
85
85
|
className: e(r),
|
|
@@ -3,14 +3,14 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
import { Button } from '../button';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
declare const attachmentVariants: (props?: ({
|
|
6
|
-
size?: "
|
|
6
|
+
size?: "xs" | "sm" | "default" | null | undefined;
|
|
7
7
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
8
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
9
|
declare function Attachment({ className, state, size, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof attachmentVariants> & {
|
|
10
10
|
state?: 'idle' | 'uploading' | 'processing' | 'error' | 'done';
|
|
11
11
|
}): React.JSX.Element;
|
|
12
12
|
declare const attachmentMediaVariants: (props?: ({
|
|
13
|
-
variant?: "
|
|
13
|
+
variant?: "image" | "icon" | null | undefined;
|
|
14
14
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
15
15
|
declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof attachmentMediaVariants>): React.JSX.Element;
|
|
16
16
|
declare function AttachmentContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
2
|
import { Button as t } from "../button/button.js";
|
|
3
|
+
import "react";
|
|
3
4
|
import { cva as n } from "class-variance-authority";
|
|
4
5
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
-
import "react";
|
|
6
6
|
import { mergeProps as i } from "@base-ui/react/merge-props";
|
|
7
7
|
import { useRender as a } from "@base-ui/react/use-render";
|
|
8
8
|
//#region src/components/attachment/attachment.tsx
|
|
@@ -30,7 +30,7 @@ function s({ className: t, state: n = "done", size: i = "default", orientation:
|
|
|
30
30
|
...s
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
var c = n("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
|
|
33
|
+
var c = n("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground [--icon-stroke-width:var(--icon-stroke-16)] group-data-[orientation=vertical]/attachment:w-full group-data-[orientation=vertical]/attachment:[--icon-stroke-width:var(--icon-stroke-24)] group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[size=xs]/attachment:[--icon-stroke-width:var(--icon-stroke-14)] group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
|
|
34
34
|
variants: { variant: {
|
|
35
35
|
icon: "",
|
|
36
36
|
image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
|
|
@@ -76,7 +76,7 @@ function p({ className: t, ...n }) {
|
|
|
76
76
|
function m({ className: n, variant: i, size: a = "icon-xs", ...o }) {
|
|
77
77
|
return /* @__PURE__ */ r(t, {
|
|
78
78
|
"data-slot": "attachment-action",
|
|
79
|
-
variant: i ?? "
|
|
79
|
+
variant: i ?? "tertiary",
|
|
80
80
|
size: a,
|
|
81
81
|
className: e(n),
|
|
82
82
|
...o
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
type AvatarProps = AvatarPrimitive.Root.Props & {
|
|
4
|
+
shape?: 'circle' | 'rounded';
|
|
5
|
+
size?: 'xs' | 'sm' | 'default' | 'lg';
|
|
6
|
+
};
|
|
7
|
+
declare function Avatar({ className, shape, size, ...props }: AvatarProps): React.JSX.Element;
|
|
6
8
|
declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): React.JSX.Element;
|
|
7
9
|
declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): React.JSX.Element;
|
|
8
10
|
declare function AvatarBadge({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
|
|
9
11
|
declare function AvatarGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
10
12
|
declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
11
|
-
export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
|
|
13
|
+
export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, type AvatarProps, };
|
|
12
14
|
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAIjE,
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAIjE,KAAK,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG;IAC9C,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,KAAgB,EAChB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,qBAab;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,qBAWhC;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAgBzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,KAAK,WAAW,GACjB,CAAA"}
|
|
@@ -1,34 +1,35 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
3
2
|
import "react";
|
|
3
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
4
4
|
import { Avatar as n } from "@base-ui/react/avatar";
|
|
5
5
|
//#region src/components/avatar/avatar.tsx
|
|
6
|
-
function r({ className: r,
|
|
6
|
+
function r({ className: r, shape: i = "circle", size: a = "default", ...o }) {
|
|
7
7
|
return /* @__PURE__ */ t(n.Root, {
|
|
8
8
|
"data-slot": "avatar",
|
|
9
|
-
"data-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
"data-shape": i,
|
|
10
|
+
"data-size": a,
|
|
11
|
+
className: e("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:mix-blend-darken data-[shape=rounded]:rounded-[6px] data-[size=lg]:size-10 data-[size=sm]:size-6 data-[size=xs]:size-5 dark:after:mix-blend-lighten", r),
|
|
12
|
+
...o
|
|
12
13
|
});
|
|
13
14
|
}
|
|
14
15
|
function i({ className: r, ...i }) {
|
|
15
16
|
return /* @__PURE__ */ t(n.Image, {
|
|
16
17
|
"data-slot": "avatar-image",
|
|
17
|
-
className: e("aspect-square size-full rounded-
|
|
18
|
+
className: e("aspect-square size-full rounded-[inherit] object-cover", r),
|
|
18
19
|
...i
|
|
19
20
|
});
|
|
20
21
|
}
|
|
21
22
|
function a({ className: r, ...i }) {
|
|
22
23
|
return /* @__PURE__ */ t(n.Fallback, {
|
|
23
24
|
"data-slot": "avatar-fallback",
|
|
24
|
-
className: e("flex size-full items-center justify-center rounded-
|
|
25
|
+
className: e("flex size-full items-center justify-center rounded-[inherit] bg-muted text-sm text-foreground group-data-[size=sm]/avatar:text-xs group-data-[size=xs]/avatar:text-[10px]", r),
|
|
25
26
|
...i
|
|
26
27
|
});
|
|
27
28
|
}
|
|
28
29
|
function o({ className: n, ...r }) {
|
|
29
30
|
return /* @__PURE__ */ t("span", {
|
|
30
31
|
"data-slot": "avatar-badge",
|
|
31
|
-
className: e("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", n),
|
|
32
|
+
className: e("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "[--icon-stroke-width:var(--icon-stroke-8)]", "group-data-[size=xs]/avatar:size-2 group-data-[size=xs]/avatar:[&>svg]:hidden", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", n),
|
|
32
33
|
...r
|
|
33
34
|
});
|
|
34
35
|
}
|
|
@@ -42,7 +43,7 @@ function s({ className: n, ...r }) {
|
|
|
42
43
|
function c({ className: n, ...r }) {
|
|
43
44
|
return /* @__PURE__ */ t("div", {
|
|
44
45
|
"data-slot": "avatar-group-count",
|
|
45
|
-
className: e("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", n),
|
|
46
|
+
className: e("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background [--icon-stroke-width:var(--icon-stroke-16)] group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=lg]/avatar-group:[--icon-stroke-width:var(--icon-stroke-20)] group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=sm]/avatar-group:[--icon-stroke-width:var(--icon-stroke-12)] group-has-data-[size=xs]/avatar-group:size-5 group-has-data-[size=xs]/avatar-group:text-[10px] group-has-data-[size=xs]/avatar-group:[--icon-stroke-width:var(--icon-stroke-8)] [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 group-has-data-[size=xs]/avatar-group:[&>svg]:size-2", n),
|
|
46
47
|
...r
|
|
47
48
|
});
|
|
48
49
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { useRender } from '@base-ui/react/use-render';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "
|
|
4
|
+
variant?: "secondary" | "destructive" | "link" | "default" | "success" | "warning" | "info" | "outline" | "ghost" | null | undefined;
|
|
5
|
+
size?: "md" | "default" | null | undefined;
|
|
5
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
-
declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
7
|
+
declare function Badge({ className, variant, size, render, ...props }: useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
7
8
|
export { Badge, badgeVariants };
|
|
8
9
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;;8EA+BlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,8FAgBvE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -3,25 +3,41 @@ import { cva as t } from "class-variance-authority";
|
|
|
3
3
|
import { mergeProps as n } from "@base-ui/react/merge-props";
|
|
4
4
|
import { useRender as r } from "@base-ui/react/use-render";
|
|
5
5
|
//#region src/components/badge/badge.tsx
|
|
6
|
-
var i = t("group/badge inline-flex
|
|
7
|
-
variants: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
6
|
+
var i = t("group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-all [--icon-stroke-width:var(--icon-stroke-12)] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
10
|
+
secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
|
|
11
|
+
destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
|
|
12
|
+
success: "bg-success/10 text-success focus-visible:ring-success/20 dark:bg-success/15 dark:focus-visible:ring-success/30 [a]:hover:bg-success/15",
|
|
13
|
+
warning: "bg-warning/10 text-warning focus-visible:ring-warning/20 dark:bg-warning/15 dark:focus-visible:ring-warning/30 [a]:hover:bg-warning/15",
|
|
14
|
+
info: "bg-info/10 text-info focus-visible:ring-info/20 dark:bg-info/15 dark:focus-visible:ring-info/30 [a]:hover:bg-info/15",
|
|
15
|
+
outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
|
|
16
|
+
ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
|
|
17
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
18
|
+
},
|
|
19
|
+
size: {
|
|
20
|
+
default: "h-5 px-2 py-0.5 text-xs",
|
|
21
|
+
md: "h-7 px-2.5 py-1 text-xs"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
variant: "default",
|
|
26
|
+
size: "default"
|
|
27
|
+
}
|
|
16
28
|
});
|
|
17
|
-
function a({ className: t, variant: a = "default",
|
|
29
|
+
function a({ className: t, variant: a = "default", size: o = "default", render: s, ...c }) {
|
|
18
30
|
return r({
|
|
19
31
|
defaultTagName: "span",
|
|
20
|
-
props: n({ className: e(i({
|
|
21
|
-
|
|
32
|
+
props: n({ className: e(i({
|
|
33
|
+
variant: a,
|
|
34
|
+
size: o
|
|
35
|
+
}), t) }, c),
|
|
36
|
+
render: s,
|
|
22
37
|
state: {
|
|
23
38
|
slot: "badge",
|
|
24
|
-
variant: a
|
|
39
|
+
variant: a,
|
|
40
|
+
size: o
|
|
25
41
|
}
|
|
26
42
|
});
|
|
27
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAKrD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBASvE;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,0EAc/B;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAKrD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBASvE;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,0EAc/B;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAe5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAgB9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
|
-
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
3
2
|
import "react";
|
|
3
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
4
|
import { IconChevronRight as r, IconDots as i } from "@tabler/icons-react";
|
|
5
5
|
import { mergeProps as a } from "@base-ui/react/merge-props";
|
|
6
6
|
import { useRender as o } from "@base-ui/react/use-render";
|
|
@@ -50,7 +50,7 @@ function f({ children: n, className: i, ...a }) {
|
|
|
50
50
|
"data-slot": "breadcrumb-separator",
|
|
51
51
|
role: "presentation",
|
|
52
52
|
"aria-hidden": "true",
|
|
53
|
-
className: e("[&>svg]:size-3.5", i),
|
|
53
|
+
className: e("[--icon-stroke-width:var(--icon-stroke-14)] [&>svg]:size-3.5", i),
|
|
54
54
|
...a,
|
|
55
55
|
children: n ?? /* @__PURE__ */ t(r, {})
|
|
56
56
|
});
|
|
@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
declare function BubbleGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
|
|
5
5
|
declare const bubbleVariants: (props?: ({
|
|
6
|
-
variant?: "
|
|
6
|
+
variant?: "secondary" | "destructive" | "default" | "outline" | "ghost" | "muted" | "tinted" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<'div'> & VariantProps<typeof bubbleVariants> & {
|
|
9
9
|
align?: 'start' | 'end';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import "react";
|
|
2
3
|
import { cva as t } from "class-variance-authority";
|
|
3
4
|
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
import "react";
|
|
5
5
|
import { mergeProps as r } from "@base-ui/react/merge-props";
|
|
6
6
|
import { useRender as i } from "@base-ui/react/use-render";
|
|
7
7
|
//#region src/components/bubble/bubble.tsx
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { Button as ButtonPrimitive } from '@base-ui/react/button';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
3
4
|
declare const buttonVariants: (props?: ({
|
|
4
|
-
variant?: "
|
|
5
|
-
size?: "
|
|
5
|
+
variant?: "primary" | "secondary" | "tertiary" | "subtle" | "destructive" | "link" | null | undefined;
|
|
6
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
|
|
6
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
8
|
export type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVariants>;
|
|
8
|
-
export declare function
|
|
9
|
+
export declare function ButtonLabel({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
|
|
10
|
+
export declare function Button({ className, variant, size, children, ...props }: ButtonProps): React.JSX.Element;
|
|
9
11
|
export { buttonVariants };
|
|
10
12
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAiBjE,QAAA,MAAM,cAAc;;;8EAqCnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,GAC7C,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAErC,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW9B;AAeD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAmB,EACnB,IAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAkBb;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,46 +1,65 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
1
|
+
import { controlSizeClassNames as e } from "../../lib/control-size.js";
|
|
2
|
+
import { cn as t } from "../../lib/utils.js";
|
|
3
|
+
import * as n from "react";
|
|
4
|
+
import { Button as r } from "@base-ui/react/button";
|
|
5
|
+
import { cva as i } from "class-variance-authority";
|
|
6
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
5
7
|
//#region src/components/button/button.tsx
|
|
6
|
-
var
|
|
8
|
+
var o = "bg-primary text-primary-foreground hover:bg-primary/80 aria-expanded:bg-primary/80", s = "border-border bg-background text-foreground hover:border-foreground/15 hover:bg-background aria-expanded:border-foreground/15 aria-expanded:bg-background", c = "bg-transparent text-foreground hover:bg-muted aria-expanded:bg-muted dark:hover:bg-muted/50", l = `${e.xs} gap-0.5 [--icon-stroke-width:var(--icon-stroke-14)] has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 [&_svg:not([class*='size-'])]:size-[14px]`, u = `${e.sm} gap-1 [--icon-stroke-width:var(--icon-stroke-15)] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-[15px]`, d = `${e.md} gap-[5px] [--icon-stroke-width:var(--icon-stroke-15)] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-[15px]`, f = `${e.lg} gap-1.5 [--icon-stroke-width:var(--icon-stroke-18)] has-data-[icon=inline-end]:pr-[9px] has-data-[icon=inline-start]:pl-[9px] [&_svg:not([class*='size-'])]:size-[18px]`, p = `${e.xl} gap-2 [--icon-stroke-width:var(--icon-stroke-24)] has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 [&_svg:not([class*='size-'])]:size-6`, m = i("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding font-normal whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-border-subtle active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-40 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive/60 dark:aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
7
9
|
variants: {
|
|
8
10
|
variant: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
primary: o,
|
|
12
|
+
secondary: s,
|
|
13
|
+
tertiary: c,
|
|
14
|
+
subtle: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
13
15
|
destructive: "bg-destructive/10 text-destructive hover:bg-destructive/15 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/10 dark:hover:bg-destructive/15 dark:focus-visible:ring-destructive/40",
|
|
14
16
|
link: "text-primary underline-offset-4 hover:underline"
|
|
15
17
|
},
|
|
16
18
|
size: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
lg:
|
|
21
|
-
|
|
22
|
-
"icon-xs": "size-6 rounded-[
|
|
23
|
-
"icon-sm": "size-7 rounded-[
|
|
24
|
-
"icon-
|
|
19
|
+
xs: l,
|
|
20
|
+
sm: u,
|
|
21
|
+
md: d,
|
|
22
|
+
lg: f,
|
|
23
|
+
xl: p,
|
|
24
|
+
"icon-xs": "size-6 rounded-[6px] [--icon-stroke-width:var(--icon-stroke-14)] [&_svg:not([class*='size-'])]:size-[14px]",
|
|
25
|
+
"icon-sm": "size-7 rounded-[6px] [--icon-stroke-width:var(--icon-stroke-15)] [&_svg:not([class*='size-'])]:size-[15px]",
|
|
26
|
+
"icon-md": "size-8 rounded-[8px] [--icon-stroke-width:var(--icon-stroke-15)] [&_svg:not([class*='size-'])]:size-[15px]",
|
|
27
|
+
"icon-lg": "size-9 rounded-[8px] [--icon-stroke-width:var(--icon-stroke-18)] [&_svg:not([class*='size-'])]:size-[18px]",
|
|
28
|
+
"icon-xl": "size-12 rounded-[10px] [--icon-stroke-width:var(--icon-stroke-24)] [&_svg:not([class*='size-'])]:size-6"
|
|
25
29
|
}
|
|
26
30
|
},
|
|
27
31
|
defaultVariants: {
|
|
28
|
-
variant: "
|
|
29
|
-
size: "
|
|
32
|
+
variant: "primary",
|
|
33
|
+
size: "md"
|
|
30
34
|
}
|
|
31
35
|
});
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
|
|
36
|
+
function h({ className: e, ...n }) {
|
|
37
|
+
return /* @__PURE__ */ a("span", {
|
|
38
|
+
"data-slot": "button-label",
|
|
39
|
+
className: t("inline-flex min-w-0 items-center justify-center pb-px", e),
|
|
40
|
+
...n
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
function g(e) {
|
|
44
|
+
if (typeof e == "string") {
|
|
45
|
+
let t = e.trim();
|
|
46
|
+
return t ? /* @__PURE__ */ a(h, { children: t }) : null;
|
|
47
|
+
}
|
|
48
|
+
return typeof e == "number" ? /* @__PURE__ */ a(h, { children: e }) : e;
|
|
49
|
+
}
|
|
50
|
+
function _({ className: e, variant: i = "primary", size: o = "md", children: s, ...c }) {
|
|
51
|
+
let l = m({
|
|
52
|
+
variant: i,
|
|
35
53
|
size: o
|
|
36
54
|
});
|
|
37
|
-
return /* @__PURE__ */ r
|
|
55
|
+
return /* @__PURE__ */ a(r, {
|
|
38
56
|
"data-slot": "button",
|
|
39
|
-
"data-variant":
|
|
57
|
+
"data-variant": i,
|
|
40
58
|
"data-size": o,
|
|
41
|
-
className: typeof
|
|
42
|
-
...
|
|
59
|
+
className: typeof e == "function" ? (n) => t(l, e(n)) : t(l, e),
|
|
60
|
+
...c,
|
|
61
|
+
children: n.Children.map(s, g)
|
|
43
62
|
});
|
|
44
63
|
}
|
|
45
64
|
//#endregion
|
|
46
|
-
export {
|
|
65
|
+
export { _ as Button, h as ButtonLabel, m as buttonVariants };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Button, buttonVariants, type ButtonProps } from './button';
|
|
1
|
+
export { Button, ButtonLabel, buttonVariants, type ButtonProps } from './button';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -5,10 +5,10 @@ import { jsx as r } from "react/jsx-runtime";
|
|
|
5
5
|
import { mergeProps as i } from "@base-ui/react/merge-props";
|
|
6
6
|
import { useRender as a } from "@base-ui/react/use-render";
|
|
7
7
|
//#region src/components/button-group/button-group.tsx
|
|
8
|
-
var o = n("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2
|
|
8
|
+
var o = n("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
|
|
9
9
|
variants: { orientation: {
|
|
10
|
-
horizontal: "
|
|
11
|
-
vertical: "flex-col
|
|
10
|
+
horizontal: "[&>[data-slot]:has(~[data-slot])]:rounded-r-none [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
|
|
11
|
+
vertical: "flex-col [&>[data-slot]:has(~[data-slot])]:rounded-b-none [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
|
|
12
12
|
} },
|
|
13
13
|
defaultVariants: { orientation: "horizontal" }
|
|
14
14
|
});
|
|
@@ -24,7 +24,7 @@ function s({ className: t, orientation: n, ...i }) {
|
|
|
24
24
|
function c({ className: t, render: n, ...r }) {
|
|
25
25
|
return a({
|
|
26
26
|
defaultTagName: "div",
|
|
27
|
-
props: i({ className: e("flex items-center gap-2 rounded-lg border bg-muted px-2.5
|
|
27
|
+
props: i({ className: e("type-label flex items-center gap-2 rounded-lg border bg-muted px-2.5 font-medium [--icon-stroke-width:var(--icon-stroke-16)] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t) }, r),
|
|
28
28
|
render: n,
|
|
29
29
|
state: { slot: "button-group-text" }
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAET,KAAK,SAAS,EACd,KAAK,MAAM,EACZ,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,MAAM,EAAkB,MAAM,qBAAqB,CAAA;AAO5D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAET,KAAK,SAAS,EACd,KAAK,MAAM,EACZ,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,MAAM,EAAkB,MAAM,qBAAqB,CAAA;AAO5D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAA0B,EAC1B,MAAM,EACN,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,CAAA;CAC/D,qBA6JA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;CAAE,qBA8BvE;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}
|