@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.
Files changed (122) hide show
  1. package/dist/components/accordion/accordion.js +2 -2
  2. package/dist/components/alert/alert.d.ts +1 -1
  3. package/dist/components/alert/alert.js +4 -4
  4. package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
  5. package/dist/components/alert-dialog/alert-dialog.js +3 -3
  6. package/dist/components/attachment/attachment.d.ts +2 -2
  7. package/dist/components/attachment/attachment.js +3 -3
  8. package/dist/components/avatar/avatar.d.ts +6 -4
  9. package/dist/components/avatar/avatar.d.ts.map +1 -1
  10. package/dist/components/avatar/avatar.js +10 -9
  11. package/dist/components/badge/badge.d.ts +3 -2
  12. package/dist/components/badge/badge.d.ts.map +1 -1
  13. package/dist/components/badge/badge.js +30 -14
  14. package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -1
  15. package/dist/components/breadcrumb/breadcrumb.js +2 -2
  16. package/dist/components/bubble/bubble.d.ts +1 -1
  17. package/dist/components/bubble/bubble.js +1 -1
  18. package/dist/components/button/button.d.ts +5 -3
  19. package/dist/components/button/button.d.ts.map +1 -1
  20. package/dist/components/button/button.js +46 -27
  21. package/dist/components/button/index.d.ts +1 -1
  22. package/dist/components/button/index.d.ts.map +1 -1
  23. package/dist/components/button-group/button-group.js +4 -4
  24. package/dist/components/calendar/calendar.d.ts.map +1 -1
  25. package/dist/components/calendar/calendar.js +18 -18
  26. package/dist/components/card/card.js +4 -4
  27. package/dist/components/carousel/carousel.d.ts.map +1 -1
  28. package/dist/components/carousel/carousel.js +31 -31
  29. package/dist/components/chart/chart.js +34 -34
  30. package/dist/components/checkbox/checkbox.js +1 -1
  31. package/dist/components/combobox/combobox.d.ts.map +1 -1
  32. package/dist/components/combobox/combobox.js +44 -44
  33. package/dist/components/data-table/data-table.js +1 -1
  34. package/dist/components/date-picker/date-picker.js +10 -10
  35. package/dist/components/dialog/dialog.js +3 -3
  36. package/dist/components/drawer/drawer.js +37 -37
  37. package/dist/components/dropdown-menu/dropdown-menu.js +7 -7
  38. package/dist/components/empty/empty.d.ts.map +1 -1
  39. package/dist/components/empty/empty.js +4 -4
  40. package/dist/components/field/field.d.ts.map +1 -1
  41. package/dist/components/field/field.js +28 -28
  42. package/dist/components/identity-mark/identity-mark.d.ts +5 -0
  43. package/dist/components/identity-mark/identity-mark.d.ts.map +1 -0
  44. package/dist/components/identity-mark/identity-mark.js +20 -0
  45. package/dist/components/identity-mark/index.d.ts +2 -0
  46. package/dist/components/identity-mark/index.d.ts.map +1 -0
  47. package/dist/components/input/input.d.ts +9 -2
  48. package/dist/components/input/input.d.ts.map +1 -1
  49. package/dist/components/input/input.js +23 -10
  50. package/dist/components/input-group/input-group.d.ts +11 -3
  51. package/dist/components/input-group/input-group.d.ts.map +1 -1
  52. package/dist/components/input-group/input-group.js +56 -38
  53. package/dist/components/item/item.d.ts +2 -2
  54. package/dist/components/item/item.js +2 -2
  55. package/dist/components/label/label.js +2 -2
  56. package/dist/components/marker/marker.d.ts +1 -1
  57. package/dist/components/marker/marker.js +3 -3
  58. package/dist/components/message/message.js +1 -1
  59. package/dist/components/metric-overview/index.d.ts +2 -0
  60. package/dist/components/metric-overview/index.d.ts.map +1 -0
  61. package/dist/components/metric-overview/metric-overview.d.ts +12 -0
  62. package/dist/components/metric-overview/metric-overview.d.ts.map +1 -0
  63. package/dist/components/metric-overview/metric-overview.js +42 -0
  64. package/dist/components/native-select/native-select.d.ts +2 -1
  65. package/dist/components/native-select/native-select.d.ts.map +1 -1
  66. package/dist/components/native-select/native-select.js +22 -21
  67. package/dist/components/navigation-action/index.d.ts +2 -0
  68. package/dist/components/navigation-action/index.d.ts.map +1 -0
  69. package/dist/components/navigation-action/navigation-action.d.ts +6 -0
  70. package/dist/components/navigation-action/navigation-action.d.ts.map +1 -0
  71. package/dist/components/navigation-action/navigation-action.js +18 -0
  72. package/dist/components/pagination/pagination.d.ts.map +1 -1
  73. package/dist/components/pagination/pagination.js +6 -6
  74. package/dist/components/popover/popover.js +1 -1
  75. package/dist/components/progress/progress.js +2 -2
  76. package/dist/components/questionnaire/questionnaire-primitive.js +71 -71
  77. package/dist/components/questionnaire/questionnaire.d.ts.map +1 -1
  78. package/dist/components/questionnaire/questionnaire.js +7 -7
  79. package/dist/components/scroll-area/scroll-area.js +1 -1
  80. package/dist/components/select/select.d.ts +2 -1
  81. package/dist/components/select/select.d.ts.map +1 -1
  82. package/dist/components/select/select.js +50 -49
  83. package/dist/components/sheet/sheet.js +2 -2
  84. package/dist/components/sidebar/sidebar.d.ts +13 -2
  85. package/dist/components/sidebar/sidebar.d.ts.map +1 -1
  86. package/dist/components/sidebar/sidebar.js +152 -91
  87. package/dist/components/spinner/spinner.js +1 -1
  88. package/dist/components/table/table.d.ts +4 -1
  89. package/dist/components/table/table.d.ts.map +1 -1
  90. package/dist/components/table/table.js +11 -9
  91. package/dist/components/tabs/tabs.d.ts +1 -1
  92. package/dist/components/tabs/tabs.js +2 -2
  93. package/dist/components/textarea/textarea.js +2 -2
  94. package/dist/components/toast/toast.d.ts.map +1 -1
  95. package/dist/components/toast/toast.js +6 -6
  96. package/dist/components/toggle/toggle.d.ts +1 -1
  97. package/dist/components/toggle/toggle.js +1 -1
  98. package/dist/components/toggle-group/toggle-group.js +10 -10
  99. package/dist/components/tooltip/tooltip.js +1 -1
  100. package/dist/index.d.ts +4 -1
  101. package/dist/index.d.ts.map +1 -1
  102. package/dist/index.js +58 -55
  103. package/dist/lib/control-size.d.ts +9 -0
  104. package/dist/lib/control-size.d.ts.map +1 -0
  105. package/dist/lib/control-size.js +10 -0
  106. package/dist/recipes/recipe-runtime.d.ts +12 -0
  107. package/dist/recipes/recipe-runtime.d.ts.map +1 -1
  108. package/package.json +1 -1
  109. package/recipes/README.md +2 -0
  110. package/recipes/guided-workflow/README.md +51 -0
  111. package/recipes/guided-workflow/guided-workflow.tsx +495 -0
  112. package/recipes/manifest.json +8 -1
  113. package/recipes/workspace-shell/README.md +79 -25
  114. package/recipes/workspace-shell/assets/google-search-ads.svg +6 -0
  115. package/recipes/workspace-shell/assets/home.svg +5 -0
  116. package/recipes/workspace-shell/assets/radiant-health.png +0 -0
  117. package/recipes/workspace-shell/workspace-shell.css +55 -0
  118. package/recipes/workspace-shell/workspace-shell.tsx +470 -220
  119. package/src/styles/fonts/Sohne-Book.woff2 +0 -0
  120. package/src/styles/fonts/Sohne-Medium.woff2 +0 -0
  121. package/src/styles/fonts/Sohne-Semi.woff2 +0 -0
  122. package/src/styles/globals.css +233 -54
@@ -1,39 +1,40 @@
1
- import { cn as e } from "../../lib/utils.js";
2
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
1
+ import { controlSizeClassNames as e } from "../../lib/control-size.js";
2
+ import { cn as t } from "../../lib/utils.js";
3
3
  import "react";
4
- import { IconChevronDown as r } from "@tabler/icons-react";
4
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
+ import { IconChevronDown as i } from "@tabler/icons-react";
5
6
  //#region src/components/native-select/native-select.tsx
6
- function i({ className: i, size: a = "default", "aria-label": o = "Select an option", ...s }) {
7
- return /* @__PURE__ */ n("div", {
8
- className: e("group/native-select relative w-fit has-[select:disabled]:opacity-50", i),
7
+ function a({ className: a, size: o = "md", "aria-label": s = "Select an option", ...c }) {
8
+ return /* @__PURE__ */ r("div", {
9
+ className: t("group/native-select relative w-fit", a),
9
10
  "data-slot": "native-select-wrapper",
10
- "data-size": a,
11
- children: [/* @__PURE__ */ t("select", {
12
- "aria-label": o,
11
+ "data-size": o,
12
+ children: [/* @__PURE__ */ n("select", {
13
+ "aria-label": s,
13
14
  "data-slot": "native-select",
14
- "data-size": a,
15
- className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
16
- ...s
17
- }), /* @__PURE__ */ t(r, {
18
- className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
15
+ "data-size": o,
16
+ className: t("w-full min-w-0 appearance-none border border-input bg-background pt-[calc(var(--sohne-control-optical-offset)+var(--sohne-control-optical-offset))] text-foreground transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground hover:border-foreground/15 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-border-subtle disabled:pointer-events-none 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", e[o], o === "xs" && "pr-7", (o === "sm" || o === "md") && "pr-8", o === "lg" && "pr-9", o === "xl" && "pr-10"),
17
+ ...c
18
+ }), /* @__PURE__ */ n(i, {
19
+ className: t("pointer-events-none absolute top-1/2 -translate-y-1/2 text-muted-foreground select-none", o === "xs" && "icon-optical-14 right-1.5", (o === "sm" || o === "md") && "icon-optical-15 right-2", o === "lg" && "icon-optical-18 right-[13px]", o === "xl" && "icon-optical-24 right-[18px]"),
19
20
  "aria-hidden": "true",
20
21
  "data-slot": "native-select-icon"
21
22
  })]
22
23
  });
23
24
  }
24
- function a({ className: n, ...r }) {
25
- return /* @__PURE__ */ t("option", {
25
+ function o({ className: e, ...r }) {
26
+ return /* @__PURE__ */ n("option", {
26
27
  "data-slot": "native-select-option",
27
- className: e("bg-[Canvas] text-[CanvasText]", n),
28
+ className: t("bg-[Canvas] text-[CanvasText]", e),
28
29
  ...r
29
30
  });
30
31
  }
31
- function o({ className: n, ...r }) {
32
- return /* @__PURE__ */ t("optgroup", {
32
+ function s({ className: e, ...r }) {
33
+ return /* @__PURE__ */ n("optgroup", {
33
34
  "data-slot": "native-select-optgroup",
34
- className: e("bg-[Canvas] text-[CanvasText]", n),
35
+ className: t("bg-[Canvas] text-[CanvasText]", e),
35
36
  ...r
36
37
  });
37
38
  }
38
39
  //#endregion
39
- export { i as NativeSelect, o as NativeSelectOptGroup, a as NativeSelectOption };
40
+ export { a as NativeSelect, s as NativeSelectOptGroup, o as NativeSelectOption };
@@ -0,0 +1,2 @@
1
+ export * from './navigation-action';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-action/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}
@@ -0,0 +1,6 @@
1
+ import { ButtonProps } from '../button';
2
+ import * as React from 'react';
3
+ declare const navigationActionVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
4
+ declare function NavigationAction({ className, variant, size, ...props }: ButtonProps): React.JSX.Element;
5
+ export { NavigationAction, navigationActionVariants };
6
+ //# sourceMappingURL=navigation-action.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigation-action.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-action/navigation-action.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAG9D,QAAA,MAAM,wBAAwB,oFAE7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAoB,EACpB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,WAAW,qBAcb;AAED,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,CAAA"}
@@ -0,0 +1,18 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import { Button as t } from "../button/button.js";
3
+ import "react";
4
+ import { cva as n } from "class-variance-authority";
5
+ import { jsx as r } from "react/jsx-runtime";
6
+ //#region src/components/navigation-action/navigation-action.tsx
7
+ var i = n("bg-transparent text-foreground hover:bg-muted hover:text-foreground aria-[current=page]:bg-navigation-selected aria-[current=page]:text-foreground aria-[current=page]:hover:bg-navigation-selected aria-[selected=true]:bg-navigation-selected aria-[selected=true]:text-foreground aria-[selected=true]:hover:bg-navigation-selected data-active:bg-navigation-selected data-active:text-foreground data-active:hover:bg-navigation-selected");
8
+ function a({ className: n, variant: a = "tertiary", size: o = "sm", ...s }) {
9
+ return /* @__PURE__ */ r(t, {
10
+ "data-slot": "navigation-action",
11
+ variant: a,
12
+ size: o,
13
+ className: typeof n == "function" ? (t) => e(i(), n(t)) : e(i(), n),
14
+ ...s
15
+ });
16
+ }
17
+ //#endregion
18
+ export { a as NavigationAction, i as navigationActionVariants };
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAO5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAiBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,qBAYjE;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,qBAYjE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAe9B;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,CAAA"}
1
+ {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAO5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAiBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,qBAYjE;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,qBAYjE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAe9B;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,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 { IconChevronLeft as i, IconChevronRight as a, IconDots as o } from "@tabler/icons-react";
6
6
  //#region src/components/pagination/pagination.tsx
7
7
  function s({ className: t, ...r }) {
@@ -26,9 +26,9 @@ function l({ ...e }) {
26
26
  ...e
27
27
  });
28
28
  }
29
- function u({ className: r, isActive: i, size: a = "icon", ...o }) {
29
+ function u({ className: r, isActive: i, size: a = "icon-md", ...o }) {
30
30
  return /* @__PURE__ */ n(t, {
31
- variant: i ? "outline" : "ghost",
31
+ variant: i ? "secondary" : "tertiary",
32
32
  size: a,
33
33
  className: e(r),
34
34
  nativeButton: !1,
@@ -43,7 +43,7 @@ function u({ className: r, isActive: i, size: a = "icon", ...o }) {
43
43
  function d({ className: t, text: a = "Previous", ...o }) {
44
44
  return /* @__PURE__ */ r(u, {
45
45
  "aria-label": "Go to previous page",
46
- size: "default",
46
+ size: "md",
47
47
  className: e("pl-1.5!", t),
48
48
  ...o,
49
49
  children: [/* @__PURE__ */ n(i, { "data-icon": "inline-start" }), /* @__PURE__ */ n("span", {
@@ -55,7 +55,7 @@ function d({ className: t, text: a = "Previous", ...o }) {
55
55
  function f({ className: t, text: i = "Next", ...o }) {
56
56
  return /* @__PURE__ */ r(u, {
57
57
  "aria-label": "Go to next page",
58
- size: "default",
58
+ size: "md",
59
59
  className: e("pr-1.5!", t),
60
60
  ...o,
61
61
  children: [/* @__PURE__ */ n("span", {
@@ -68,7 +68,7 @@ function p({ className: t, ...i }) {
68
68
  return /* @__PURE__ */ r("span", {
69
69
  "aria-hidden": !0,
70
70
  "data-slot": "pagination-ellipsis",
71
- className: e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", t),
71
+ className: e("flex size-8 items-center justify-center [--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4", t),
72
72
  ...i,
73
73
  children: [/* @__PURE__ */ n(o, {}), /* @__PURE__ */ n("span", {
74
74
  className: "sr-only",
@@ -1,6 +1,6 @@
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 { Popover as n } from "@base-ui/react/popover";
5
5
  //#region src/components/popover/popover.tsx
6
6
  function r({ ...e }) {
@@ -29,14 +29,14 @@ function o({ className: n, ...i }) {
29
29
  }
30
30
  function s({ className: n, ...i }) {
31
31
  return /* @__PURE__ */ t(r.Label, {
32
- className: e("text-sm font-medium", n),
32
+ className: e("type-label font-medium", n),
33
33
  "data-slot": "progress-label",
34
34
  ...i
35
35
  });
36
36
  }
37
37
  function c({ className: n, ...i }) {
38
38
  return /* @__PURE__ */ t(r.Value, {
39
- className: e("ml-auto text-sm text-muted-foreground tabular-nums", n),
39
+ className: e("type-body ml-auto text-muted-foreground tabular-nums", n),
40
40
  "data-slot": "progress-value",
41
41
  ...i
42
42
  });
@@ -1,37 +1,37 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import * as t from "react";
1
+ import * as e from "react";
2
+ import { jsx as t } from "react/jsx-runtime";
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/questionnaire/questionnaire-primitive.tsx
6
- var i = t.createContext(null), a = t.createContext(null), o = t.createContext(null);
7
- function s(e) {
8
- let n = t.useContext(i);
9
- if (!n) throw Error(`${e} must be used within Questionnaire`);
6
+ var i = e.createContext(null), a = e.createContext(null), o = e.createContext(null);
7
+ function s(t) {
8
+ let n = e.useContext(i);
9
+ if (!n) throw Error(`${t} must be used within Questionnaire`);
10
10
  return n;
11
11
  }
12
- function c(e) {
13
- let n = t.useContext(a);
14
- if (!n) throw Error(`${e} must be used within QuestionnaireItem`);
12
+ function c(t) {
13
+ let n = e.useContext(a);
14
+ if (!n) throw Error(`${t} must be used within QuestionnaireItem`);
15
15
  return n;
16
16
  }
17
- function l(e) {
18
- let n = t.useContext(o);
19
- if (!n) throw Error(`${e} must be used within QuestionnaireChoice`);
17
+ function l(t) {
18
+ let n = e.useContext(o);
19
+ if (!n) throw Error(`${t} must be used within QuestionnaireChoice`);
20
20
  return n;
21
21
  }
22
22
  function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts: s, onReset: c, onSubmit: l, onKeyDown: u, ...d }) {
23
- let [f, p] = t.useState([]), m = t.useMemo(() => a.filter((e) => !e.disabled).map((e) => e.name), [a]), h = m.length ? m : f, [g, _] = t.useState(n ?? m[0] ?? null), v = r ?? g ?? h[0] ?? null, y = Math.max(0, h.indexOf(v ?? "")), [b, x] = t.useState({}), [S, C] = t.useState({}), w = t.useCallback((e) => {
23
+ let [f, p] = e.useState([]), m = e.useMemo(() => a.filter((e) => !e.disabled).map((e) => e.name), [a]), h = m.length ? m : f, [g, _] = e.useState(n ?? m[0] ?? null), v = r ?? g ?? h[0] ?? null, y = Math.max(0, h.indexOf(v ?? "")), [b, x] = e.useState({}), [S, C] = e.useState({}), w = e.useCallback((e) => {
24
24
  !e || e === v || (r === void 0 && _(e), o?.(e));
25
25
  }, [
26
26
  v,
27
27
  r,
28
28
  o
29
- ]), T = t.useCallback((e) => (p((t) => t.includes(e) ? t : [...t, e]), () => p((t) => t.filter((t) => t !== e))), []), E = t.useCallback((e, t) => {
29
+ ]), T = e.useCallback((e) => (p((t) => t.includes(e) ? t : [...t, e]), () => p((t) => t.filter((t) => t !== e))), []), E = e.useCallback((e, t) => {
30
30
  x((n) => ({
31
31
  ...n,
32
32
  [e]: t ? "answered" : "unanswered"
33
33
  }));
34
- }, []), D = t.useCallback((e, t, n, r) => {
34
+ }, []), D = e.useCallback((e, t, n, r) => {
35
35
  C((i) => {
36
36
  let a = i[e] ?? [], o = r ? n ? [.../* @__PURE__ */ new Set([...a, t])] : [t] : a.filter((e) => e !== t);
37
37
  return E(e, o.length > 0), {
@@ -39,13 +39,13 @@ function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts:
39
39
  [e]: o
40
40
  };
41
41
  });
42
- }, [E]), O = t.useCallback(() => {
42
+ }, [E]), O = e.useCallback(() => {
43
43
  w(h[y - 1]);
44
44
  }, [
45
45
  y,
46
46
  h,
47
47
  w
48
- ]), k = t.useCallback(() => {
48
+ ]), k = e.useCallback(() => {
49
49
  if (v) {
50
50
  if (a.find((e) => e.name === v)?.required && b[v] !== "answered") {
51
51
  x((e) => ({
@@ -63,7 +63,7 @@ function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts:
63
63
  h,
64
64
  w,
65
65
  b
66
- ]), A = t.useCallback(() => {
66
+ ]), A = e.useCallback(() => {
67
67
  v && (x((e) => ({
68
68
  ...e,
69
69
  [v]: "skipped"
@@ -73,7 +73,7 @@ function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts:
73
73
  v,
74
74
  h,
75
75
  w
76
- ]), j = t.useMemo(() => ({
76
+ ]), j = e.useMemo(() => ({
77
77
  activeName: v,
78
78
  current: h.length ? y + 1 : 0,
79
79
  first: y === 0,
@@ -104,9 +104,9 @@ function u({ defaultItem: n, item: r, items: a = [], onItemChange: o, shortcuts:
104
104
  A,
105
105
  b
106
106
  ]);
107
- return /* @__PURE__ */ e(i.Provider, {
107
+ return /* @__PURE__ */ t(i.Provider, {
108
108
  value: j,
109
- children: /* @__PURE__ */ e("form", {
109
+ children: /* @__PURE__ */ t("form", {
110
110
  ...d,
111
111
  noValidate: !0,
112
112
  onReset: (e) => {
@@ -143,13 +143,13 @@ function d({ children: e, render: t, ...i }) {
143
143
  });
144
144
  }
145
145
  function f({ disabled: n = !1, invalid: r = !1, multiple: i = !1, name: o, onStatusChange: c, required: l = !1, ...u }) {
146
- let d = s("QuestionnaireItem"), f = t.useRef(c);
147
- t.useLayoutEffect(() => {
146
+ let d = s("QuestionnaireItem"), f = e.useRef(c);
147
+ e.useLayoutEffect(() => {
148
148
  f.current = c;
149
- }, [c]), t.useLayoutEffect(() => d.registerItem(o), [o, d.registerItem]);
149
+ }, [c]), e.useLayoutEffect(() => d.registerItem(o), [o, d.registerItem]);
150
150
  let p = d.statuses[o] ?? "unanswered", m = d.statuses[o] !== void 0, h = d.activeName === o;
151
- t.useEffect(() => f.current?.(p), [p]);
152
- let g = t.useMemo(() => ({
151
+ e.useEffect(() => f.current?.(p), [p]);
152
+ let g = e.useMemo(() => ({
153
153
  disabled: n,
154
154
  invalid: r || l && m && p === "unanswered",
155
155
  multiple: i,
@@ -165,9 +165,9 @@ function f({ disabled: n = !1, invalid: r = !1, multiple: i = !1, name: o, onSta
165
165
  l,
166
166
  p
167
167
  ]);
168
- return /* @__PURE__ */ e(a.Provider, {
168
+ return /* @__PURE__ */ t(a.Provider, {
169
169
  value: g,
170
- children: /* @__PURE__ */ e("fieldset", {
170
+ children: /* @__PURE__ */ t("fieldset", {
171
171
  ...u,
172
172
  disabled: n,
173
173
  hidden: !h,
@@ -194,12 +194,12 @@ function m({ render: e, ...t }) {
194
194
  state: { slot: "questionnaire-description" }
195
195
  });
196
196
  }
197
- function h(t) {
198
- return c("QuestionnaireChoices"), /* @__PURE__ */ e("div", { ...t });
197
+ function h(e) {
198
+ return c("QuestionnaireChoices"), /* @__PURE__ */ t("div", { ...e });
199
199
  }
200
200
  function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a, value: l, ...u }) {
201
201
  let d = s("QuestionnaireChoice"), f = d.setSelection, p = c("QuestionnaireChoice"), m = d.selections[p.name] ?? [], h = n ?? (m.includes(l) || r), g = p.multiple ? "checkbox" : "radio", _ = (d.itemDefinitions.find((e) => e.name === p.name)?.choices?.filter((e) => !e.disabled) ?? []).findIndex((e) => e.value === l), v = _ < 0 || !d.shortcuts ? null : d.shortcuts === "letters" ? String.fromCharCode(65 + _) : String(_ + 1), y = p.disabled || i;
202
- t.useLayoutEffect(() => {
202
+ e.useLayoutEffect(() => {
203
203
  r && !m.includes(l) && f(p.name, l, p.multiple, !0);
204
204
  }, [
205
205
  r,
@@ -219,7 +219,7 @@ function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a,
219
219
  onChange: (e) => {
220
220
  a?.(e), e.defaultPrevented || d.setSelection(p.name, l, p.multiple, e.target.checked);
221
221
  }
222
- }, x = t.useMemo(() => ({
222
+ }, x = e.useMemo(() => ({
223
223
  checked: h,
224
224
  disabled: y,
225
225
  invalid: p.invalid,
@@ -234,9 +234,9 @@ function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a,
234
234
  v,
235
235
  g
236
236
  ]);
237
- return /* @__PURE__ */ e(o.Provider, {
237
+ return /* @__PURE__ */ t(o.Provider, {
238
238
  value: x,
239
- children: /* @__PURE__ */ e("label", {
239
+ children: /* @__PURE__ */ t("label", {
240
240
  ...u,
241
241
  "data-checked": h ? "" : void 0,
242
242
  "data-disabled": y ? "" : void 0,
@@ -246,87 +246,87 @@ function g({ checked: n, defaultChecked: r = !1, disabled: i = !1, onChange: a,
246
246
  })
247
247
  });
248
248
  }
249
- function _(t) {
249
+ function _(e) {
250
250
  let { inputProps: n } = l("QuestionnaireChoiceInput");
251
- return /* @__PURE__ */ e("input", {
251
+ return /* @__PURE__ */ t("input", {
252
252
  ...n,
253
- ...t
253
+ ...e
254
254
  });
255
255
  }
256
- function v(t) {
257
- return l("QuestionnaireChoiceLabel"), /* @__PURE__ */ e("span", { ...t });
256
+ function v(e) {
257
+ return l("QuestionnaireChoiceLabel"), /* @__PURE__ */ t("span", { ...e });
258
258
  }
259
- function y({ children: t, ...n }) {
259
+ function y({ children: e, ...n }) {
260
260
  let { shortcut: r } = l("QuestionnaireChoiceShortcut");
261
- return /* @__PURE__ */ e("span", {
261
+ return /* @__PURE__ */ t("span", {
262
262
  ...n,
263
263
  "aria-hidden": !0,
264
264
  hidden: !r,
265
- children: t ?? r
265
+ children: e ?? r
266
266
  });
267
267
  }
268
- function b({ onChange: t, ...n }) {
268
+ function b({ onChange: e, ...n }) {
269
269
  let r = s("QuestionnaireInput"), i = c("QuestionnaireInput");
270
- return /* @__PURE__ */ e("input", {
270
+ return /* @__PURE__ */ t("input", {
271
271
  ...n,
272
272
  name: i.name,
273
273
  disabled: i.disabled || n.disabled,
274
274
  "aria-invalid": i.invalid || void 0,
275
- onChange: (e) => {
276
- t?.(e), e.defaultPrevented || r.setAnswered(i.name, e.target.value.trim().length > 0);
275
+ onChange: (t) => {
276
+ e?.(t), t.defaultPrevented || r.setAnswered(i.name, t.target.value.trim().length > 0);
277
277
  }
278
278
  });
279
279
  }
280
- function x({ children: t, ...n }) {
280
+ function x({ children: e, ...n }) {
281
281
  let r = c("QuestionnaireError");
282
- return /* @__PURE__ */ e("p", {
282
+ return /* @__PURE__ */ t("p", {
283
283
  ...n,
284
284
  hidden: !r.invalid,
285
285
  role: r.invalid ? "alert" : void 0,
286
- children: t ?? (r.required ? "Choose an answer to continue." : "Choose an answer or skip this question.")
286
+ children: e ?? (r.required ? "Choose an answer to continue." : "Choose an answer or skip this question.")
287
287
  });
288
288
  }
289
- function S(t) {
289
+ function S(e) {
290
290
  let n = s("QuestionnairePrevious");
291
- return /* @__PURE__ */ e("button", {
292
- ...t,
293
- type: t.type ?? "button",
291
+ return /* @__PURE__ */ t("button", {
292
+ ...e,
293
+ type: e.type ?? "button",
294
294
  hidden: n.first,
295
295
  "aria-hidden": n.first || void 0,
296
- onClick: (e) => {
297
- t.onClick?.(e), e.defaultPrevented || n.goPrevious();
296
+ onClick: (t) => {
297
+ e.onClick?.(t), t.defaultPrevented || n.goPrevious();
298
298
  }
299
299
  });
300
300
  }
301
- function C(t) {
301
+ function C(e) {
302
302
  let n = s("QuestionnaireSkip");
303
- return /* @__PURE__ */ e("button", {
304
- ...t,
305
- type: t.type ?? "button",
303
+ return /* @__PURE__ */ t("button", {
304
+ ...e,
305
+ type: e.type ?? "button",
306
306
  hidden: n.last,
307
307
  "aria-hidden": n.last || void 0,
308
- onClick: (e) => {
309
- t.onClick?.(e), e.defaultPrevented || n.skip();
308
+ onClick: (t) => {
309
+ e.onClick?.(t), t.defaultPrevented || n.skip();
310
310
  }
311
311
  });
312
312
  }
313
- function w(t) {
313
+ function w(e) {
314
314
  let n = s("QuestionnaireNext");
315
- return /* @__PURE__ */ e("button", {
316
- ...t,
317
- type: t.type ?? "button",
315
+ return /* @__PURE__ */ t("button", {
316
+ ...e,
317
+ type: e.type ?? "button",
318
318
  hidden: n.last,
319
319
  "aria-hidden": n.last || void 0,
320
- onClick: (e) => {
321
- t.onClick?.(e), e.defaultPrevented || n.goNext();
320
+ onClick: (t) => {
321
+ e.onClick?.(t), t.defaultPrevented || n.goNext();
322
322
  }
323
323
  });
324
324
  }
325
- function T(t) {
325
+ function T(e) {
326
326
  let n = s("QuestionnaireSubmit");
327
- return /* @__PURE__ */ e("button", {
328
- ...t,
329
- type: t.type ?? "submit",
327
+ return /* @__PURE__ */ t("button", {
328
+ ...e,
329
+ type: e.type ?? "submit",
330
330
  hidden: !n.last,
331
331
  "aria-hidden": !n.last || void 0
332
332
  });
@@ -1 +1 @@
1
- {"version":3,"file":"questionnaire.d.ts","sourceRoot":"","sources":["../../../src/components/questionnaire/questionnaire.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"questionnaire.d.ts","sourceRoot":"","sources":["../../../src/components/questionnaire/questionnaire.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  import { cn as e } from "../../lib/utils.js";
2
2
  import { buttonVariants as t } from "../button/button.js";
3
3
  import { QuestionnairePrimitive as n } from "./questionnaire-primitive.js";
4
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
4
  import "react";
5
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
6
6
  import { IconCheck as a } from "@tabler/icons-react";
7
7
  //#region src/components/questionnaire/questionnaire.tsx
8
8
  function o({ className: t, ...i }) {
@@ -50,7 +50,7 @@ function d({ className: t, ...i }) {
50
50
  function f({ children: t, className: o, ...s }) {
51
51
  return /* @__PURE__ */ i(n.Choice, {
52
52
  "data-slot": "questionnaire-choice",
53
- className: e("group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", o),
53
+ className: e("type-body group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", o),
54
54
  ...s,
55
55
  children: [
56
56
  /* @__PURE__ */ r(n.ChoiceInput, {
@@ -60,7 +60,7 @@ function f({ children: t, className: o, ...s }) {
60
60
  /* @__PURE__ */ i("span", {
61
61
  "aria-hidden": "true",
62
62
  "data-slot": "questionnaire-choice-indicator",
63
- className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] border border-input group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary",
63
+ className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] border border-input [--icon-stroke-width:var(--icon-stroke-14)] group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary",
64
64
  children: [/* @__PURE__ */ r("span", {
65
65
  "data-slot": "questionnaire-choice-indicator-dot",
66
66
  className: "hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
@@ -113,7 +113,7 @@ function g({ className: t, ...n }) {
113
113
  ...n
114
114
  });
115
115
  }
116
- function _({ children: i, className: a, size: o = "default", variant: s = "outline", ...c }) {
116
+ function _({ children: i, className: a, size: o = "md", variant: s = "secondary", ...c }) {
117
117
  return /* @__PURE__ */ r(n.Previous, {
118
118
  "data-slot": "questionnaire-previous",
119
119
  "data-size": o,
@@ -126,7 +126,7 @@ function _({ children: i, className: a, size: o = "default", variant: s = "outli
126
126
  children: i ?? "Previous"
127
127
  });
128
128
  }
129
- function v({ children: i, className: a, size: o = "default", variant: s = "outline", ...c }) {
129
+ function v({ children: i, className: a, size: o = "md", variant: s = "secondary", ...c }) {
130
130
  return /* @__PURE__ */ r(n.Skip, {
131
131
  "data-slot": "questionnaire-skip",
132
132
  "data-size": o,
@@ -139,7 +139,7 @@ function v({ children: i, className: a, size: o = "default", variant: s = "outli
139
139
  children: i ?? "Skip"
140
140
  });
141
141
  }
142
- function y({ children: i, className: a, size: o = "default", variant: s = "default", ...c }) {
142
+ function y({ children: i, className: a, size: o = "md", variant: s = "primary", ...c }) {
143
143
  return /* @__PURE__ */ r(n.Next, {
144
144
  "data-slot": "questionnaire-next",
145
145
  "data-size": o,
@@ -152,7 +152,7 @@ function y({ children: i, className: a, size: o = "default", variant: s = "defau
152
152
  children: i ?? "Next"
153
153
  });
154
154
  }
155
- function b({ children: i, className: a, size: o = "default", variant: s = "default", ...c }) {
155
+ function b({ children: i, className: a, size: o = "md", variant: s = "primary", ...c }) {
156
156
  return /* @__PURE__ */ r(n.Submit, {
157
157
  "data-slot": "questionnaire-submit",
158
158
  "data-size": o,
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { cn as e } from "../../lib/utils.js";
3
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
4
3
  import "react";
4
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
5
5
  import { ScrollArea as r } from "@base-ui/react/scroll-area";
6
6
  //#region src/components/scroll-area/scroll-area.tsx
7
7
  function i({ className: i, children: o, ...s }) {
@@ -1,10 +1,11 @@
1
1
  import { Select as SelectPrimitive } from '@base-ui/react/select';
2
+ import { ControlSize } from '../../lib/control-size';
2
3
  import * as React from 'react';
3
4
  declare const Select: typeof SelectPrimitive.Root;
4
5
  declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): React.JSX.Element;
5
6
  declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React.JSX.Element;
6
7
  declare function SelectTrigger({ className, size, children, 'aria-label': ariaLabel, ...props }: SelectPrimitive.Trigger.Props & {
7
- size?: 'sm' | 'default';
8
+ size?: ControlSize;
8
9
  }): React.JSX.Element;
9
10
  declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>): React.JSX.Element;
10
11
  declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAKjE,QAAA,MAAM,MAAM,6BAAuB,CAAA;AAEnC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAQxE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,YAAY,EAAE,SAA8B,EAC5C,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,qBAoBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,qBA2BF;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,qBAQlC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAsB5B;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,qBAQjC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,qBAa5D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,qBAa9D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAI5E,QAAA,MAAM,MAAM,6BAAuB,CAAA;AAEnC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAW,EACX,QAAQ,EACR,YAAY,EAAE,SAA8B,EAC5C,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,qBA6BA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,qBA2BF;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,qBAQlC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAsB5B;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,qBAQjC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,qBAa5D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,qBAa9D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}