@giddaa-housing/ui 3.0.1 → 3.2.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 (100) hide show
  1. package/css/generated/shared.css +1 -1
  2. package/css/giddaa.css +173 -2
  3. package/css/preset.css +8 -1
  4. package/css/theme.css +4 -1
  5. package/dist/accordion.js +2 -2
  6. package/dist/activity-timeline.js +5 -5
  7. package/dist/alert.js +1 -1
  8. package/dist/auth-layout.js +18 -18
  9. package/dist/bar-chart.d.ts +1 -1
  10. package/dist/breadcrumb.js +3 -3
  11. package/dist/bullet-chart.d.ts +1 -1
  12. package/dist/button-group.d.ts +1 -1
  13. package/dist/button.js +2 -2
  14. package/dist/calendar.js +3 -3
  15. package/dist/call-card.js +1 -1
  16. package/dist/carousel.d.ts +1 -1
  17. package/dist/carousel.js +3 -3
  18. package/dist/chart.d.ts +1 -1
  19. package/dist/chart.js +1 -1
  20. package/dist/chat.js +1 -1
  21. package/dist/checkbox.js +2 -2
  22. package/dist/combobox.d.ts +1 -1
  23. package/dist/combobox.js +6 -6
  24. package/dist/cta.js +3 -3
  25. package/dist/currency-selector.d.ts +10 -8
  26. package/dist/currency-selector.js +247 -28
  27. package/dist/data-table.js +2 -2
  28. package/dist/date-picker.js +6 -6
  29. package/dist/dialog.js +2 -2
  30. package/dist/dropdown-menu.d.ts +1 -1
  31. package/dist/dropdown-menu.js +20 -20
  32. package/dist/dropzone.js +1 -1
  33. package/dist/editorial-card.d.ts +20 -11
  34. package/dist/editorial-card.js +67 -2
  35. package/dist/file-upload.js +1 -1
  36. package/dist/filter.js +1 -1
  37. package/dist/footer.d.ts +4 -2
  38. package/dist/footer.js +38 -34
  39. package/dist/funnel-chart.d.ts +1 -1
  40. package/dist/heatmap-chart.d.ts +1 -1
  41. package/dist/icons.d.ts +93 -0
  42. package/dist/icons.js +905 -0
  43. package/dist/infinite-scroll.js +1 -1
  44. package/dist/input-group.js +4 -5
  45. package/dist/input-otp.js +2 -2
  46. package/dist/input-size-context.js +4 -2
  47. package/dist/input.js +1 -1
  48. package/dist/kpi-card.js +1 -1
  49. package/dist/line-chart.d.ts +1 -1
  50. package/dist/mask-input.d.ts +61 -0
  51. package/dist/mask-input.js +0 -0
  52. package/dist/match.js +1 -1
  53. package/dist/media-gallery-hero.js +1 -1
  54. package/dist/media-player.js +59 -48
  55. package/dist/message.js +1 -1
  56. package/dist/mobile-sidebar.d.ts +57 -0
  57. package/dist/mobile-sidebar.js +196 -0
  58. package/dist/multi-step-form.js +2 -2
  59. package/dist/number-input.d.ts +1 -1
  60. package/dist/number-input.js +3 -3
  61. package/dist/pagination.js +4 -4
  62. package/dist/password-input.js +1 -1
  63. package/dist/phone-input.d.ts +1 -1
  64. package/dist/phone-input.js +4 -4
  65. package/dist/photo-gallery.js +3 -3
  66. package/dist/pie-chart.d.ts +1 -1
  67. package/dist/popover.d.ts +1 -1
  68. package/dist/price-tag.js +1 -1
  69. package/dist/radar-chart.d.ts +1 -1
  70. package/dist/rich-text-editor.d.ts +1 -1
  71. package/dist/rich-text-editor.js +4 -4
  72. package/dist/scatter-chart.d.ts +1 -1
  73. package/dist/search-input.js +1 -1
  74. package/dist/select.d.ts +1 -1
  75. package/dist/select.js +6 -6
  76. package/dist/sheet.js +2 -2
  77. package/dist/sidebar.js +1 -1
  78. package/dist/{size-context-D4mYvcg8.d.ts → size-context-BX6kAdVj.d.ts} +2 -1
  79. package/dist/size-context.d.ts +2 -2
  80. package/dist/size-context.js +5 -2
  81. package/dist/sparkline.d.ts +1 -1
  82. package/dist/stepper.js +2 -2
  83. package/dist/styles.css +681 -128
  84. package/dist/table.js +2 -2
  85. package/dist/tabs.d.ts +1 -1
  86. package/dist/tag.d.ts +1 -1
  87. package/dist/tag.js +1 -1
  88. package/dist/testimonial-block.js +1 -1
  89. package/dist/theme-switcher.d.ts +31 -0
  90. package/dist/theme-switcher.js +78 -0
  91. package/dist/time-picker.js +2 -2
  92. package/dist/toast.d.ts +38 -10
  93. package/dist/toast.js +55 -52
  94. package/dist/top-navbar.d.ts +100 -0
  95. package/dist/top-navbar.js +295 -0
  96. package/dist/tree-map.d.ts +1 -1
  97. package/dist/video-player-dialog.d.ts +57 -0
  98. package/dist/video-player-dialog.js +188 -0
  99. package/dist/waterfall-chart.d.ts +1 -1
  100. package/package.json +25 -2
@@ -1,9 +1,9 @@
1
1
  "use client";
2
+ import { Check } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { t as useUncontrolled } from "./use-uncontrolled-CLfM1XbB.js";
4
5
  import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
5
6
  import { Progress, ProgressIndicator, ProgressTrack } from "./progress.js";
6
- import { CheckIcon } from "lucide-react";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  import * as React from "react";
9
9
  //#region src/multi-step-form.tsx
@@ -181,7 +181,7 @@ function MultiStepFormIndicator({ type = "stepper", progressValue, showNextLabel
181
181
  children: [/* @__PURE__ */ jsx("span", {
182
182
  className: "transition-opacity duration-[var(--duration-motion-press)] ease-gdt-out group-data-[state=complete]/multi-step-form-step:opacity-0",
183
183
  children: index + 1
184
- }), /* @__PURE__ */ jsx(CheckIcon, {
184
+ }), /* @__PURE__ */ jsx(Check, {
185
185
  "aria-hidden": "true",
186
186
  strokeWidth: 2.5,
187
187
  className: "absolute inset-0 m-auto size-4.5 scale-95 opacity-0 transition-[opacity,scale] duration-[var(--duration-motion-press)] ease-gdt-out motion-reduce:scale-100 group-data-[state=complete]/multi-step-form-step:scale-100 group-data-[state=complete]/multi-step-form-step:opacity-100"
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import * as React from "react";
3
3
  import { NumberFieldRootProps } from "@base-ui/react/number-field";
4
4
  //#region src/number-input.d.ts
@@ -1,8 +1,8 @@
1
1
  "use client";
2
+ import { Minus, Plus } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { SizeProvider, useComponentSize } from "./size-context.js";
4
5
  import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
5
- import { MinusIcon, PlusIcon } from "lucide-react";
6
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
7
  import { NumberField } from "@base-ui/react/number-field";
8
8
  //#region src/number-input.tsx
@@ -52,14 +52,14 @@ function NumberInputControl() {
52
52
  children: [/* @__PURE__ */ jsx(NumberField.Increment, {
53
53
  className: "w-full flex-1 rounded-none rounded-tr-full",
54
54
  render: /* @__PURE__ */ jsx(InputGroupButton, { variant: "tertiary" }),
55
- children: /* @__PURE__ */ jsx(PlusIcon, { className: cn("size-1.5", {
55
+ children: /* @__PURE__ */ jsx(Plus, { className: cn("size-1.5", {
56
56
  "size-3": size === "md",
57
57
  "size-3.5": size === "lg"
58
58
  }) })
59
59
  }), /* @__PURE__ */ jsx(NumberField.Decrement, {
60
60
  className: "w-full flex-1 rounded-none rounded-br-full",
61
61
  render: /* @__PURE__ */ jsx(InputGroupButton, { variant: "tertiary" }),
62
- children: /* @__PURE__ */ jsx(MinusIcon, { className: cn("size-1.5", {
62
+ children: /* @__PURE__ */ jsx(Minus, { className: cn("size-1.5", {
63
63
  "size-3": size === "md",
64
64
  "size-3.5": size === "lg"
65
65
  }) })
@@ -1,6 +1,6 @@
1
+ import { ChevronLeft, ChevronRight, MoreHorizontal } from "./icons.js";
1
2
  import { t as cn } from "./cn-BI_4DMBf.js";
2
3
  import { Button, ButtonLink } from "./button.js";
3
- import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { cva } from "class-variance-authority";
6
6
  //#region src/pagination.tsx
@@ -103,7 +103,7 @@ function PaginationPrevious({ className, showLabel = true, text = "Previous", ..
103
103
  appearance: showLabel ? "control" : "icon",
104
104
  className: cn(showLabel ? "pl-1.5!" : "", className),
105
105
  ...props,
106
- children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {
106
+ children: [/* @__PURE__ */ jsx(ChevronLeft, {
107
107
  "data-icon": "inline-start",
108
108
  className: "cn-rtl-flip"
109
109
  }), showLabel ? /* @__PURE__ */ jsx("span", {
@@ -121,7 +121,7 @@ function PaginationNext({ className, showLabel = true, text = "Next", ...props }
121
121
  children: [showLabel ? /* @__PURE__ */ jsx("span", {
122
122
  className: "hidden sm:block",
123
123
  children: text
124
- }) : null, /* @__PURE__ */ jsx(ChevronRightIcon, {
124
+ }) : null, /* @__PURE__ */ jsx(ChevronRight, {
125
125
  "data-icon": "inline-end",
126
126
  className: "cn-rtl-flip"
127
127
  })]
@@ -133,7 +133,7 @@ function PaginationEllipsis({ className, ...props }) {
133
133
  "data-slot": "pagination-ellipsis",
134
134
  className: cn("flex size-8 items-center justify-center text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
135
135
  ...props,
136
- children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
136
+ children: [/* @__PURE__ */ jsx(MoreHorizontal, {}), /* @__PURE__ */ jsx("span", {
137
137
  className: "sr-only",
138
138
  children: "More pages"
139
139
  })]
@@ -1,7 +1,7 @@
1
1
  "use client";
2
+ import { Eye, EyeOff } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
4
- import { Eye, EyeOff } from "lucide-react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  import * as React from "react";
7
7
  //#region src/password-input.tsx
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import * as React from "react";
3
3
  import { CountryCode } from "libphonenumber-js";
4
4
  //#region src/phone-input.d.ts
@@ -1,10 +1,10 @@
1
1
  "use client";
2
+ import { Check, ChevronDown, Search } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { useComponentSize } from "./size-context.js";
4
5
  import { Separator } from "./separator.js";
5
6
  import { InputGroup, InputGroupAddon, InputGroupInput } from "./input-group.js";
6
7
  import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
7
- import { CheckIcon, ChevronDownIcon, SearchIcon } from "lucide-react";
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
9
9
  import * as React from "react";
10
10
  import { AsYouType, getCountries, getCountryCallingCode, parsePhoneNumber } from "libphonenumber-js";
@@ -109,7 +109,7 @@ function CountryList({ items, country, onSelect }) {
109
109
  className: "shrink-0 text-fg-secondary",
110
110
  children: ["+", entry.calling]
111
111
  }),
112
- selected && /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0 text-fg-brand" })
112
+ selected && /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0 text-fg-brand" })
113
113
  ]
114
114
  }, entry.code);
115
115
  })
@@ -147,7 +147,7 @@ function CountrySelect({ country, size, disabled, onSelect, finalFocusRef }) {
147
147
  size
148
148
  }),
149
149
  /* @__PURE__ */ jsxs("span", { children: ["+", getCountryCallingCode(country)] }),
150
- /* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("text-fg-secondary transition-transform", open && "rotate-180", size === "lg" ? "size-4" : "size-3.5") })
150
+ /* @__PURE__ */ jsx(ChevronDown, { className: cn("text-fg-secondary transition-transform", open && "rotate-180", size === "lg" ? "size-4" : "size-3.5") })
151
151
  ]
152
152
  }), /* @__PURE__ */ jsxs(PopoverContent, {
153
153
  showArrow: false,
@@ -158,7 +158,7 @@ function CountrySelect({ country, size, disabled, onSelect, finalFocusRef }) {
158
158
  className: "w-72 gap-0 overflow-hidden p-0",
159
159
  children: [/* @__PURE__ */ jsxs("div", {
160
160
  className: "flex items-center gap-2 border-b border-line-subtle px-3.5 py-2.5",
161
- children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 text-fg-secondary" }), /* @__PURE__ */ jsx("input", {
161
+ children: [/* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 text-fg-secondary" }), /* @__PURE__ */ jsx("input", {
162
162
  ref: searchRef,
163
163
  value: query,
164
164
  onChange: (event) => setQuery(event.target.value),
@@ -1,8 +1,8 @@
1
1
  "use client";
2
+ import { ChevronLeft, ChevronRight, Fullscreen, X } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { Button } from "./button.js";
4
5
  import { Carousel, CarouselContent, CarouselItem } from "./carousel.js";
5
- import { ChevronLeftIcon, ChevronRightIcon, Fullscreen, XIcon } from "lucide-react";
6
6
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
7
7
  import * as React from "react";
8
8
  import { Dialog } from "@base-ui/react/dialog";
@@ -113,7 +113,7 @@ function GalleryButton({ className, variant = "ghost", ...rest }) {
113
113
  }
114
114
  /** Circular floating navigation button. Always present; the track loops. */
115
115
  function GalleryArrow({ side, onClick, className }) {
116
- const Icon = side === "prev" ? ChevronLeftIcon : ChevronRightIcon;
116
+ const Icon = side === "prev" ? ChevronLeft : ChevronRight;
117
117
  return /* @__PURE__ */ jsx(GalleryButton, {
118
118
  type: "button",
119
119
  "data-slot": `photo-gallery-${side}`,
@@ -272,7 +272,7 @@ function PhotoGalleryFullscreen({ images, open, onOpenChange, index, onIndexChan
272
272
  "data-slot": "photo-gallery-fullscreen-close",
273
273
  "aria-label": "Close gallery",
274
274
  render: /* @__PURE__ */ jsx(GalleryButton, {}),
275
- children: /* @__PURE__ */ jsx(XIcon, { className: "size-4 sm:size-5" })
275
+ children: /* @__PURE__ */ jsx(X, { className: "size-4 sm:size-5" })
276
276
  })]
277
277
  }),
278
278
  /* @__PURE__ */ jsxs(Carousel, {
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import { ChartConfig } from "./chart.js";
3
3
  import * as React from "react";
4
4
  import { Pie, PieChart as PieChart$1 } from "recharts";
package/dist/popover.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import * as React from "react";
3
3
  import { Popover as Popover$1 } from "@base-ui/react/popover";
4
4
  //#region src/popover.d.ts
package/dist/price-tag.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
+ import { Check, ChevronDown } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
- import { Check, ChevronDown } from "lucide-react";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { cva } from "class-variance-authority";
6
6
  import { Popover } from "@base-ui/react/popover";
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import { ChartConfig } from "./chart.js";
3
3
  import * as React from "react";
4
4
  import { PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart as RadarChart$1 } from "recharts";
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import * as React from "react";
3
3
  //#region src/rich-text-editor.d.ts
4
4
  interface RichTextEditorProps {
@@ -1,15 +1,15 @@
1
1
  "use client";
2
+ import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Baseline, Bold, ChevronDown, Code2, Image as Image$1, Italic, Link2, List, ListOrdered, Quote, Redo2, Underline, Undo2 } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { useComponentSize } from "./size-context.js";
4
5
  import { Button } from "./button.js";
5
6
  import { Input } from "./input.js";
6
7
  import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "./dropdown-menu.js";
7
8
  import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
8
- import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Baseline, Bold, ChevronDown, Code2, ImageIcon, Italic, Link2, List, ListOrdered, Quote, Redo2, Underline, Undo2 } from "lucide-react";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
10
10
  import * as React from "react";
11
11
  import { Color } from "@tiptap/extension-color";
12
- import { Image as Image$1 } from "@tiptap/extension-image";
12
+ import { Image } from "@tiptap/extension-image";
13
13
  import { Placeholder } from "@tiptap/extension-placeholder";
14
14
  import { TextAlign } from "@tiptap/extension-text-align";
15
15
  import { TextStyle } from "@tiptap/extension-text-style";
@@ -283,7 +283,7 @@ function ImageControl({ tokens, disabled, onInsert }) {
283
283
  title: "Insert image",
284
284
  onMouseDown: (event) => event.preventDefault(),
285
285
  className: toolbarControlClass(tokens, false),
286
- children: /* @__PURE__ */ jsx(ImageIcon, {})
286
+ children: /* @__PURE__ */ jsx(Image$1, {})
287
287
  }), /* @__PURE__ */ jsx(PopoverContent, {
288
288
  showArrow: false,
289
289
  align: "start",
@@ -387,7 +387,7 @@ const RichTextEditor = React.forwardRef(function RichTextEditor({ value, default
387
387
  TextStyle,
388
388
  Color,
389
389
  TextAlign.configure({ types: ["heading", "paragraph"] }),
390
- Image$1.configure({
390
+ Image.configure({
391
391
  inline: false,
392
392
  allowBase64: true
393
393
  }),
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import { ChartConfig } from "./chart.js";
3
3
  import * as React from "react";
4
4
  import { CartesianGrid, Scatter, ScatterChart as ScatterChart$1, XAxis, YAxis } from "recharts";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
+ import { Search, X } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
4
- import { Search, X } from "lucide-react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  import * as React from "react";
7
7
  //#region src/search-input.tsx
package/dist/select.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import * as React from "react";
3
3
  import { Select as Select$1 } from "@base-ui/react/select";
4
4
  //#region src/select.d.ts
package/dist/select.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
+ import { Check, ChevronDown, ChevronUp } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { SizeProvider, useComponentSize } from "./size-context.js";
4
- import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  import { cva } from "class-variance-authority";
7
7
  import * as React from "react";
@@ -66,7 +66,7 @@ function SelectTrigger({ className, children, unstyled, ...props }) {
66
66
  "data-size": resolvedSize,
67
67
  className: cn(!unstyled && selectTriggerVariants({ size: resolvedSize }), className),
68
68
  ...props,
69
- children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-line-strong transition-transform group-data-disabled/select-trigger:text-fg-caption-placeholder data-popup-open:rotate-180" }) })]
69
+ children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDown, { className: "text-line-strong transition-transform group-data-disabled/select-trigger:text-fg-caption-placeholder data-popup-open:rotate-180" }) })]
70
70
  });
71
71
  }
72
72
  function SelectContent({ className, children, side = "bottom", sideOffset = 8, align = "center", alignOffset = 0, alignItemWithTrigger = false, ...props }) {
@@ -111,9 +111,9 @@ function SelectItem({ className, children, ...props }) {
111
111
  children: [multiple ? /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
112
112
  keepMounted: true,
113
113
  className: "flex size-5 shrink-0 items-center justify-center rounded-sm border border-line bg-canvas text-transparent transition-[background-color,border-color,color] group-data-selected/select-item:border-action-primary group-data-selected/select-item:bg-action-primary group-data-selected/select-item:text-fg-on-brand group-data-disabled/select-item:border-line-subtle group-data-disabled/select-item:bg-surface group-data-disabled/select-item:text-fg-caption-placeholder [&>svg]:size-3",
114
- children: /* @__PURE__ */ jsx(CheckIcon, {})
114
+ children: /* @__PURE__ */ jsx(Check, {})
115
115
  }) : null, /* @__PURE__ */ jsx(Select$1.ItemText, {
116
- className: "flex min-w-0 flex-1 shrink-0 gap-2 whitespace-nowrap",
116
+ className: "flex min-w-0 flex-1 shrink-0 items-center gap-2",
117
117
  children
118
118
  })]
119
119
  });
@@ -130,7 +130,7 @@ function SelectScrollUpButton({ className, ...props }) {
130
130
  "data-slot": "select-scroll-up-button",
131
131
  className: cn("sticky top-0 z-10 flex h-7 w-full cursor-default items-center justify-center bg-canvas text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
132
132
  ...props,
133
- children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
133
+ children: /* @__PURE__ */ jsx(ChevronUp, {})
134
134
  });
135
135
  }
136
136
  function SelectScrollDownButton({ className, ...props }) {
@@ -138,7 +138,7 @@ function SelectScrollDownButton({ className, ...props }) {
138
138
  "data-slot": "select-scroll-down-button",
139
139
  className: cn("sticky bottom-0 z-10 flex h-7 w-full cursor-default items-center justify-center bg-canvas text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
140
140
  ...props,
141
- children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
141
+ children: /* @__PURE__ */ jsx(ChevronDown, {})
142
142
  });
143
143
  }
144
144
  //#endregion
package/dist/sheet.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client";
2
+ import { X } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { SizeProvider } from "./size-context.js";
4
5
  import { Button } from "./button.js";
5
6
  import { DialogNestingProvider, useDialogNestingDepth } from "./dialog-nesting.js";
6
- import { XIcon } from "lucide-react";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  import { cva } from "class-variance-authority";
9
9
  import { Dialog } from "@base-ui/react/dialog";
@@ -67,7 +67,7 @@ function SheetContent({ className, children, side = "left", size = "md", showClo
67
67
  variant: "ghost",
68
68
  className: "absolute z-10 size-7 border border-line bg-surface p-0 text-fg-primary shadow-(--elevation-e1-shadow) hover:bg-surface-raised group-data-[nested-dialog-open]/sheet-content:hidden group-data-[side=bottom]/sheet-content:-top-9 group-data-[side=bottom]/sheet-content:right-4 group-data-[side=top]/sheet-content:-bottom-9 group-data-[side=top]/sheet-content:right-4 group-data-[side=left]/sheet-content:-right-9 group-data-[side=left]/sheet-content:top-4 group-data-[side=right]/sheet-content:-left-9 group-data-[side=right]/sheet-content:top-4",
69
69
  size: "icon-xs",
70
- children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
70
+ children: [/* @__PURE__ */ jsx(X, {}), /* @__PURE__ */ jsx("span", {
71
71
  className: "sr-only",
72
72
  children: "Close"
73
73
  })]
package/dist/sidebar.js CHANGED
@@ -1,4 +1,5 @@
1
1
  "use client";
2
+ import { Menu } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
4
  import { Separator } from "./separator.js";
4
5
  import { Button } from "./button.js";
@@ -7,7 +8,6 @@ import { t as useUncontrolled } from "./use-uncontrolled-CLfM1XbB.js";
7
8
  import { Skeleton } from "./skeleton.js";
8
9
  import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
9
10
  import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.js";
10
- import { Menu } from "lucide-react";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
12
12
  import { mergeProps } from "@base-ui/react/merge-props";
13
13
  import { useRender } from "@base-ui/react/use-render";
@@ -1,10 +1,11 @@
1
1
  import { ReactNode } from "react";
2
2
  //#region src/size-context.d.ts
3
3
  type ComponentSize = "sm" | "md" | "lg";
4
+ declare function useInheritedComponentSize(): ComponentSize | undefined;
4
5
  declare function SizeProvider({ children, size }: {
5
6
  children: ReactNode;
6
7
  size?: ComponentSize | null;
7
8
  }): import("react").JSX.Element;
8
9
  declare function useComponentSize(size?: ComponentSize | null, fallback?: ComponentSize): ComponentSize;
9
10
  //#endregion
10
- export { SizeProvider as n, useComponentSize as r, ComponentSize as t };
11
+ export { useInheritedComponentSize as i, SizeProvider as n, useComponentSize as r, ComponentSize as t };
@@ -1,2 +1,2 @@
1
- import { n as SizeProvider, r as useComponentSize, t as ComponentSize } from "./size-context-D4mYvcg8.js";
2
- export { type ComponentSize, SizeProvider, useComponentSize };
1
+ import { i as useInheritedComponentSize, n as SizeProvider, r as useComponentSize, t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
+ export { type ComponentSize, SizeProvider, useComponentSize, useInheritedComponentSize };
@@ -3,6 +3,9 @@ import { Fragment, jsx } from "react/jsx-runtime";
3
3
  import { createContext, useContext } from "react";
4
4
  //#region src/size-context.tsx
5
5
  const SizeContext = createContext(void 0);
6
+ function useInheritedComponentSize() {
7
+ return useContext(SizeContext);
8
+ }
6
9
  function SizeProvider({ children, size }) {
7
10
  if (!size) return /* @__PURE__ */ jsx(Fragment, { children });
8
11
  return /* @__PURE__ */ jsx(SizeContext.Provider, {
@@ -11,8 +14,8 @@ function SizeProvider({ children, size }) {
11
14
  });
12
15
  }
13
16
  function useComponentSize(size, fallback = "md") {
14
- const inheritedSize = useContext(SizeContext);
17
+ const inheritedSize = useInheritedComponentSize();
15
18
  return size ?? inheritedSize ?? fallback;
16
19
  }
17
20
  //#endregion
18
- export { SizeProvider, useComponentSize };
21
+ export { SizeProvider, useComponentSize, useInheritedComponentSize };
@@ -1,4 +1,4 @@
1
- import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
1
+ import { t as ComponentSize } from "./size-context-BX6kAdVj.js";
2
2
  import { ChartContainer, ChartValueType } from "./chart.js";
3
3
  import * as React from "react";
4
4
  //#region src/sparkline.d.ts
package/dist/stepper.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
+ import { Check } from "./icons.js";
2
3
  import { t as cn } from "./cn-BI_4DMBf.js";
3
- import { CheckIcon } from "lucide-react";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { cva } from "class-variance-authority";
6
6
  import * as React from "react";
@@ -88,7 +88,7 @@ function StepperIndicator({ className, state: stateProp, children, ...props }) {
88
88
  "data-state": resolved,
89
89
  className: cn(indicatorVariants({ state: resolved }), className),
90
90
  ...props,
91
- children: children ?? (resolved === "complete" ? /* @__PURE__ */ jsx(CheckIcon, {
91
+ children: children ?? (resolved === "complete" ? /* @__PURE__ */ jsx(Check, {
92
92
  className: "size-4 sm:size-4.5",
93
93
  strokeWidth: 2.5
94
94
  }) : step)