@almanaclabs/blaze-ui 0.3.2 → 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.
Files changed (133) hide show
  1. package/README.md +23 -0
  2. package/dist/components/accordion/accordion.js +53 -0
  3. package/dist/components/alert/alert.d.ts +1 -1
  4. package/dist/components/alert/alert.js +43 -0
  5. package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
  6. package/dist/components/alert-dialog/alert-dialog.js +94 -0
  7. package/dist/components/aspect-ratio/aspect-ratio.js +13 -0
  8. package/dist/components/attachment/attachment.d.ts +2 -2
  9. package/dist/components/attachment/attachment.js +104 -0
  10. package/dist/components/avatar/avatar.d.ts +6 -4
  11. package/dist/components/avatar/avatar.d.ts.map +1 -1
  12. package/dist/components/avatar/avatar.js +51 -0
  13. package/dist/components/badge/badge.d.ts +3 -2
  14. package/dist/components/badge/badge.d.ts.map +1 -1
  15. package/dist/components/badge/badge.js +45 -0
  16. package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -1
  17. package/dist/components/breadcrumb/breadcrumb.js +72 -0
  18. package/dist/components/bubble/bubble.d.ts +1 -1
  19. package/dist/components/bubble/bubble.js +73 -0
  20. package/dist/components/button/button.d.ts +5 -3
  21. package/dist/components/button/button.d.ts.map +1 -1
  22. package/dist/components/button/button.js +65 -0
  23. package/dist/components/button/index.d.ts +1 -1
  24. package/dist/components/button/index.d.ts.map +1 -1
  25. package/dist/components/button-group/button-group.js +41 -0
  26. package/dist/components/calendar/calendar.d.ts.map +1 -1
  27. package/dist/components/calendar/calendar.js +92 -0
  28. package/dist/components/card/card.js +56 -0
  29. package/dist/components/carousel/carousel.d.ts.map +1 -1
  30. package/dist/components/carousel/carousel.js +110 -0
  31. package/dist/components/chart/chart.js +131 -0
  32. package/dist/components/checkbox/checkbox.js +20 -0
  33. package/dist/components/collapsible/collapsible.js +23 -0
  34. package/dist/components/combobox/combobox.d.ts.map +1 -1
  35. package/dist/components/combobox/combobox.js +165 -0
  36. package/dist/components/data-table/data-table.js +30 -0
  37. package/dist/components/date-picker/date-picker.js +39 -0
  38. package/dist/components/dialog/dialog.js +92 -0
  39. package/dist/components/drawer/drawer.js +121 -0
  40. package/dist/components/dropdown-menu/dropdown-menu.js +136 -0
  41. package/dist/components/empty/empty.d.ts.map +1 -1
  42. package/dist/components/empty/empty.js +59 -0
  43. package/dist/components/field/field.d.ts.map +1 -1
  44. package/dist/components/field/field.js +107 -0
  45. package/dist/components/hover-card/hover-card.js +36 -0
  46. package/dist/components/identity-mark/identity-mark.d.ts +5 -0
  47. package/dist/components/identity-mark/identity-mark.d.ts.map +1 -0
  48. package/dist/components/identity-mark/identity-mark.js +20 -0
  49. package/dist/components/identity-mark/index.d.ts +2 -0
  50. package/dist/components/identity-mark/index.d.ts.map +1 -0
  51. package/dist/components/input/input.d.ts +9 -2
  52. package/dist/components/input/input.d.ts.map +1 -1
  53. package/dist/components/input/input.js +28 -0
  54. package/dist/components/input-group/input-group.d.ts +11 -3
  55. package/dist/components/input-group/input-group.d.ts.map +1 -1
  56. package/dist/components/input-group/input-group.js +95 -0
  57. package/dist/components/item/item.d.ts +2 -2
  58. package/dist/components/item/item.js +121 -0
  59. package/dist/components/label/label.js +13 -0
  60. package/dist/components/marker/marker.d.ts +1 -1
  61. package/dist/components/marker/marker.js +43 -0
  62. package/dist/components/message/message.js +49 -0
  63. package/dist/components/metric-overview/index.d.ts +2 -0
  64. package/dist/components/metric-overview/index.d.ts.map +1 -0
  65. package/dist/components/metric-overview/metric-overview.d.ts +12 -0
  66. package/dist/components/metric-overview/metric-overview.d.ts.map +1 -0
  67. package/dist/components/metric-overview/metric-overview.js +42 -0
  68. package/dist/components/native-select/native-select.d.ts +2 -1
  69. package/dist/components/native-select/native-select.d.ts.map +1 -1
  70. package/dist/components/native-select/native-select.js +40 -0
  71. package/dist/components/navigation-action/index.d.ts +2 -0
  72. package/dist/components/navigation-action/index.d.ts.map +1 -0
  73. package/dist/components/navigation-action/navigation-action.d.ts +6 -0
  74. package/dist/components/navigation-action/navigation-action.d.ts.map +1 -0
  75. package/dist/components/navigation-action/navigation-action.js +18 -0
  76. package/dist/components/pagination/pagination.d.ts.map +1 -1
  77. package/dist/components/pagination/pagination.js +80 -0
  78. package/dist/components/popover/popover.js +54 -0
  79. package/dist/components/progress/progress.js +45 -0
  80. package/dist/components/questionnaire/questionnaire-primitive.js +353 -0
  81. package/dist/components/questionnaire/questionnaire.d.ts.map +1 -1
  82. package/dist/components/questionnaire/questionnaire.js +169 -0
  83. package/dist/components/radio-group/radio-group.js +26 -0
  84. package/dist/components/scroll-area/scroll-area.js +37 -0
  85. package/dist/components/select/select.d.ts +2 -1
  86. package/dist/components/select/select.d.ts.map +1 -1
  87. package/dist/components/select/select.js +99 -0
  88. package/dist/components/separator/separator.js +15 -0
  89. package/dist/components/sheet/sheet.js +89 -0
  90. package/dist/components/sidebar/sidebar.d.ts +13 -2
  91. package/dist/components/sidebar/sidebar.d.ts.map +1 -1
  92. package/dist/components/sidebar/sidebar.js +419 -0
  93. package/dist/components/skeleton/skeleton.js +12 -0
  94. package/dist/components/slider/slider.js +37 -0
  95. package/dist/components/spinner/spinner.js +15 -0
  96. package/dist/components/switch/switch.js +19 -0
  97. package/dist/components/table/table.d.ts +4 -1
  98. package/dist/components/table/table.d.ts.map +1 -1
  99. package/dist/components/table/table.js +68 -0
  100. package/dist/components/tabs/tabs.d.ts +1 -1
  101. package/dist/components/tabs/tabs.js +46 -0
  102. package/dist/components/textarea/textarea.js +13 -0
  103. package/dist/components/toast/toast.d.ts.map +1 -1
  104. package/dist/components/toast/toast.js +116 -0
  105. package/dist/components/toggle/toggle.d.ts +1 -1
  106. package/dist/components/toggle/toggle.js +35 -0
  107. package/dist/components/toggle-group/toggle-group.js +52 -0
  108. package/dist/components/tooltip/tooltip.js +41 -0
  109. package/dist/hooks/use-mobile.js +14 -0
  110. package/dist/index.d.ts +4 -1
  111. package/dist/index.d.ts.map +1 -1
  112. package/dist/index.js +59 -3699
  113. package/dist/lib/control-size.d.ts +9 -0
  114. package/dist/lib/control-size.d.ts.map +1 -0
  115. package/dist/lib/control-size.js +10 -0
  116. package/dist/lib/utils.js +8 -0
  117. package/dist/recipes/recipe-runtime.d.ts +18 -0
  118. package/dist/recipes/recipe-runtime.d.ts.map +1 -0
  119. package/package.json +2 -1
  120. package/recipes/README.md +24 -0
  121. package/recipes/guided-workflow/README.md +51 -0
  122. package/recipes/guided-workflow/guided-workflow.tsx +495 -0
  123. package/recipes/manifest.json +19 -0
  124. package/recipes/workspace-shell/README.md +95 -0
  125. package/recipes/workspace-shell/assets/google-search-ads.svg +6 -0
  126. package/recipes/workspace-shell/assets/home.svg +5 -0
  127. package/recipes/workspace-shell/assets/radiant-health.png +0 -0
  128. package/recipes/workspace-shell/workspace-shell.css +55 -0
  129. package/recipes/workspace-shell/workspace-shell.tsx +636 -0
  130. package/src/styles/fonts/Sohne-Book.woff2 +0 -0
  131. package/src/styles/fonts/Sohne-Medium.woff2 +0 -0
  132. package/src/styles/fonts/Sohne-Semi.woff2 +0 -0
  133. package/src/styles/globals.css +233 -54
@@ -0,0 +1,13 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import "react";
3
+ import { jsx as t } from "react/jsx-runtime";
4
+ //#region src/components/textarea/textarea.tsx
5
+ function n({ className: n, ...r }) {
6
+ return /* @__PURE__ */ t("textarea", {
7
+ "data-slot": "textarea",
8
+ className: e("type-content flex field-sizing-content min-h-[92px] w-full rounded-md border border-input bg-background px-3.5 pt-[9px] pb-[11px] text-foreground transition-colors outline-none placeholder:text-foreground-tertiary hover:border-foreground/15 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-border-subtle disabled:cursor-not-allowed disabled:bg-surface-subtle disabled:text-foreground-tertiary 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", n),
9
+ ...r
10
+ });
11
+ }
12
+ //#endregion
13
+ export { n as Textarea };
@@ -1 +1 @@
1
- {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAa9D,QAAA,MAAM,KAAK,4CAAsC,CAAA;AAEjD,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAEjE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAE7D;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW5E;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,qBAyBhE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,qBAW1E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,qBAQlC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,MAA+C,EAC/C,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAS7B;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAkD,EAClD,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAe5B;AAmED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW/B;AAED,QAAA,MAAM,kBAAkB,0CAAoC,CAAA;AAC5D,QAAA,MAAM,eAAe,uCAAiC,CAAA;AAEtD,OAAO,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,KAAK,EACL,eAAe,GAChB,CAAA"}
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAa9D,QAAA,MAAM,KAAK,4CAAsC,CAAA;AAEjD,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAEjE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAE7D;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW5E;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,qBAyBhE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,qBAW1E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,qBAQlC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,MAAiD,EACjD,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAS7B;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAqD,EACrD,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAe5B;AAmED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW/B;AAED,QAAA,MAAM,kBAAkB,0CAAoC,CAAA;AAC5D,QAAA,MAAM,eAAe,uCAAiC,CAAA;AAEtD,OAAO,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,KAAK,EACL,eAAe,GAChB,CAAA"}
@@ -0,0 +1,116 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import { Button as t } from "../button/button.js";
3
+ import "react";
4
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
+ import { IconAlertOctagon as i, IconAlertTriangle as a, IconCircleCheck as o, IconInfoCircle as s, IconLoader2 as c, IconX as l } from "@tabler/icons-react";
6
+ import { Toast as u } from "@base-ui/react/toast";
7
+ //#region src/components/toast/toast.tsx
8
+ var d = u.createToastManager();
9
+ function f({ ...e }) {
10
+ return /* @__PURE__ */ n(u.Provider, { ...e });
11
+ }
12
+ function p({ ...e }) {
13
+ return /* @__PURE__ */ n(u.Portal, {
14
+ "data-slot": "toast-portal",
15
+ ...e
16
+ });
17
+ }
18
+ function m({ className: t, ...r }) {
19
+ return /* @__PURE__ */ n(u.Viewport, {
20
+ "data-slot": "toast-viewport",
21
+ className: e("pointer-events-none fixed inset-x-4 bottom-4 z-50 mx-auto w-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full", t),
22
+ ...r
23
+ });
24
+ }
25
+ function h({ className: t, ...r }) {
26
+ return /* @__PURE__ */ n(u.Root, {
27
+ "data-slot": "toast",
28
+ className: e("group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-2xl border bg-popover text-popover-foreground shadow-lg will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]", "h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]", "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']", "data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]", "data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]", "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]", "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", t),
29
+ ...r
30
+ });
31
+ }
32
+ function g({ className: t, ...r }) {
33
+ return /* @__PURE__ */ n(u.Content, {
34
+ "data-slot": "toast-content",
35
+ className: e("flex h-full items-center gap-3 overflow-hidden p-4 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100", t),
36
+ ...r
37
+ });
38
+ }
39
+ function _({ className: t, ...r }) {
40
+ return /* @__PURE__ */ n(u.Title, {
41
+ "data-slot": "toast-title",
42
+ className: e("type-label font-medium", t),
43
+ ...r
44
+ });
45
+ }
46
+ function v({ className: t, ...r }) {
47
+ return /* @__PURE__ */ n(u.Description, {
48
+ "data-slot": "toast-description",
49
+ className: e("type-body text-muted-foreground", t),
50
+ ...r
51
+ });
52
+ }
53
+ function y({ className: r, render: i = /* @__PURE__ */ n(t, {
54
+ variant: "secondary",
55
+ size: "sm"
56
+ }), ...a }) {
57
+ return /* @__PURE__ */ n(u.Action, {
58
+ "data-slot": "toast-action",
59
+ render: i,
60
+ className: e("shrink-0", r),
61
+ ...a
62
+ });
63
+ }
64
+ function b({ className: r, children: i, render: a = /* @__PURE__ */ n(t, {
65
+ variant: "tertiary",
66
+ size: "icon-sm"
67
+ }), ...o }) {
68
+ return /* @__PURE__ */ n(u.Close, {
69
+ "data-slot": "toast-close",
70
+ "aria-label": "Close toast",
71
+ render: a,
72
+ className: e("relative shrink-0 text-muted-foreground after:absolute after:-inset-2 after:content-[''] hover:text-foreground", r),
73
+ ...o,
74
+ children: i ?? /* @__PURE__ */ n(l, { "aria-hidden": "true" })
75
+ });
76
+ }
77
+ function x({ type: e }) {
78
+ let t = null;
79
+ return e === "success" && (t = /* @__PURE__ */ n(o, { "aria-hidden": "true" })), e === "info" && (t = /* @__PURE__ */ n(s, { "aria-hidden": "true" })), e === "warning" && (t = /* @__PURE__ */ n(a, { "aria-hidden": "true" })), e === "error" && (t = /* @__PURE__ */ n(i, {
80
+ className: "text-destructive",
81
+ "aria-hidden": "true"
82
+ })), e === "loading" && (t = /* @__PURE__ */ n(c, {
83
+ className: "animate-spin",
84
+ "aria-hidden": "true"
85
+ })), t ? /* @__PURE__ */ n("span", {
86
+ "data-slot": "toast-icon",
87
+ className: "shrink-0 [--icon-stroke-width:var(--icon-stroke-16)] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
88
+ children: t
89
+ }) : null;
90
+ }
91
+ function S() {
92
+ let { toasts: e } = u.useToastManager();
93
+ return e.map((e) => /* @__PURE__ */ n(h, {
94
+ toast: e,
95
+ "aria-label": typeof e.title == "string" ? e.title : typeof e.description == "string" ? e.description : "Notification",
96
+ children: /* @__PURE__ */ r(g, { children: [
97
+ /* @__PURE__ */ n(x, { type: e.type }),
98
+ /* @__PURE__ */ r("div", {
99
+ className: "flex min-w-0 flex-1 flex-col gap-1",
100
+ children: [/* @__PURE__ */ n(_, {}), /* @__PURE__ */ n(v, {})]
101
+ }),
102
+ /* @__PURE__ */ n(y, {}),
103
+ /* @__PURE__ */ n(b, {})
104
+ ] })
105
+ }, e.id));
106
+ }
107
+ function C({ children: e, toastManager: t = d, ...i }) {
108
+ return /* @__PURE__ */ r(f, {
109
+ toastManager: t,
110
+ ...i,
111
+ children: [e, /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(S, {}) }) })]
112
+ });
113
+ }
114
+ var w = u.createToastManager, T = u.useToastManager;
115
+ //#endregion
116
+ export { h as Toast, y as ToastAction, b as ToastClose, g as ToastContent, v as ToastDescription, p as ToastPortal, f as ToastProvider, _ as ToastTitle, m as ToastViewport, C as Toaster, w as createToastManager, d as toast, T as useToastManager };
@@ -2,7 +2,7 @@ import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  declare const toggleVariants: (props?: ({
4
4
  variant?: "default" | "outline" | null | undefined;
5
- size?: "default" | "sm" | "lg" | null | undefined;
5
+ size?: "sm" | "lg" | "default" | null | undefined;
6
6
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
7
  declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
8
8
  export { Toggle, toggleVariants };
@@ -0,0 +1,35 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import { cva as t } from "class-variance-authority";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ import { Toggle as r } from "@base-ui/react/toggle";
5
+ //#region src/components/toggle/toggle.tsx
6
+ var i = t("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
7
+ variants: {
8
+ variant: {
9
+ default: "bg-transparent",
10
+ outline: "border border-input bg-transparent hover:bg-muted"
11
+ },
12
+ size: {
13
+ default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
14
+ sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] [--icon-stroke-width:var(--icon-stroke-14)] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
15
+ lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
16
+ }
17
+ },
18
+ defaultVariants: {
19
+ variant: "default",
20
+ size: "default"
21
+ }
22
+ });
23
+ function a({ className: t, variant: a = "default", size: o = "default", ...s }) {
24
+ return /* @__PURE__ */ n(r, {
25
+ "data-slot": "toggle",
26
+ className: e(i({
27
+ variant: a,
28
+ size: o,
29
+ className: t
30
+ })),
31
+ ...s
32
+ });
33
+ }
34
+ //#endregion
35
+ export { a as Toggle, i as toggleVariants };
@@ -0,0 +1,52 @@
1
+ "use client";
2
+ import { cn as e } from "../../lib/utils.js";
3
+ import { toggleVariants as t } from "../toggle/toggle.js";
4
+ import * as n from "react";
5
+ import { jsx as r } from "react/jsx-runtime";
6
+ import { Toggle as i } from "@base-ui/react/toggle";
7
+ import { ToggleGroup as a } from "@base-ui/react/toggle-group";
8
+ //#region src/components/toggle-group/toggle-group.tsx
9
+ var o = n.createContext({
10
+ size: "default",
11
+ variant: "default",
12
+ spacing: 2,
13
+ orientation: "horizontal"
14
+ });
15
+ function s({ className: t, variant: n, size: i, spacing: s = 2, orientation: c = "horizontal", children: l, ...u }) {
16
+ return /* @__PURE__ */ r(a, {
17
+ "data-slot": "toggle-group",
18
+ "data-variant": n,
19
+ "data-size": i,
20
+ "data-spacing": s,
21
+ "data-orientation": c,
22
+ style: { "--gap": s },
23
+ className: e("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch", t),
24
+ ...u,
25
+ children: /* @__PURE__ */ r(o.Provider, {
26
+ value: {
27
+ variant: n,
28
+ size: i,
29
+ spacing: s,
30
+ orientation: c
31
+ },
32
+ children: l
33
+ })
34
+ });
35
+ }
36
+ function c({ className: a, children: s, variant: c = "default", size: l = "default", ...u }) {
37
+ let d = n.useContext(o);
38
+ return /* @__PURE__ */ r(i, {
39
+ "data-slot": "toggle-group-item",
40
+ "data-variant": d.variant || c,
41
+ "data-size": d.size || l,
42
+ "data-spacing": d.spacing,
43
+ className: e("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", t({
44
+ variant: d.variant || c,
45
+ size: d.size || l
46
+ }), a),
47
+ ...u,
48
+ children: s
49
+ });
50
+ }
51
+ //#endregion
52
+ export { s as ToggleGroup, c as ToggleGroupItem };
@@ -0,0 +1,41 @@
1
+ "use client";
2
+ import { cn as e } from "../../lib/utils.js";
3
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
4
+ import { Tooltip as r } from "@base-ui/react/tooltip";
5
+ //#region src/components/tooltip/tooltip.tsx
6
+ function i({ delay: e = 0, ...n }) {
7
+ return /* @__PURE__ */ t(r.Provider, {
8
+ "data-slot": "tooltip-provider",
9
+ delay: e,
10
+ ...n
11
+ });
12
+ }
13
+ function a({ ...e }) {
14
+ return /* @__PURE__ */ t(r.Root, {
15
+ "data-slot": "tooltip",
16
+ ...e
17
+ });
18
+ }
19
+ function o({ ...e }) {
20
+ return /* @__PURE__ */ t(r.Trigger, {
21
+ "data-slot": "tooltip-trigger",
22
+ ...e
23
+ });
24
+ }
25
+ function s({ className: i, side: a = "top", sideOffset: o = 4, align: s = "center", alignOffset: c = 0, children: l, ...u }) {
26
+ return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(r.Positioner, {
27
+ align: s,
28
+ alignOffset: c,
29
+ side: a,
30
+ sideOffset: o,
31
+ className: "isolate z-50",
32
+ children: /* @__PURE__ */ n(r.Popup, {
33
+ "data-slot": "tooltip-content",
34
+ className: e("type-meta z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", i),
35
+ ...u,
36
+ children: [l, /* @__PURE__ */ t(r.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
37
+ })
38
+ }) });
39
+ }
40
+ //#endregion
41
+ export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };
@@ -0,0 +1,14 @@
1
+ import * as e from "react";
2
+ //#region src/hooks/use-mobile.ts
3
+ var t = 768;
4
+ function n() {
5
+ let [n, r] = e.useState(void 0);
6
+ return e.useEffect(() => {
7
+ let e = window.matchMedia("(max-width: 767px)"), n = () => {
8
+ r(window.innerWidth < t);
9
+ };
10
+ return e.addEventListener("change", n), r(window.innerWidth < t), () => e.removeEventListener("change", n);
11
+ }, []), !!n;
12
+ }
13
+ //#endregion
14
+ export { n as useIsMobile };
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { Button, buttonVariants, type ButtonProps } from './components/button';
1
+ export { Button, ButtonLabel, buttonVariants, type ButtonProps, } from './components/button';
2
2
  export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from './components/card';
3
3
  export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FieldErrorProps, type FieldProps, } from './components/field';
4
4
  export { Input, type InputProps } from './components/input';
@@ -28,10 +28,13 @@ export * from './components/dropdown-menu';
28
28
  export * from './components/empty';
29
29
  export * from './components/hover-card';
30
30
  export * from './components/input-group';
31
+ export * from './components/identity-mark';
31
32
  export * from './components/item';
32
33
  export * from './components/marker';
33
34
  export * from './components/message';
35
+ export * from './components/metric-overview';
34
36
  export * from './components/native-select';
37
+ export * from './components/navigation-action';
35
38
  export * from './components/pagination';
36
39
  export * from './components/popover';
37
40
  export * from './components/progress';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvE,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvE,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}