canvas-ui-sdk 0.3.14 → 0.3.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +60 -60
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/registry/blocks/activity-feed.json +1 -1
- package/registry/blocks/circular-progress-bar-list.json +1 -1
- package/registry/blocks/faqs-table.json +1 -1
- package/registry/blocks/fixed-column-data-table.json +1 -1
- package/registry/blocks/form-group.json +1 -1
- package/registry/blocks/grid-tiles-list.json +1 -1
- package/registry/blocks/image-feed-with-nested-comments.json +1 -1
- package/registry/blocks/large-image-labels-list.json +1 -1
- package/registry/blocks/monthly-calendar-widget.json +1 -1
- package/registry/blocks/nested-comments-table.json +1 -1
- package/registry/blocks/nested-data-table.json +1 -1
- package/registry/blocks/profile-grid-tiles-list.json +1 -1
- package/registry/blocks/reviews-table.json +1 -1
- package/registry/blocks/slideshow-grid-tiles.json +1 -1
- package/registry/blocks/social-feed.json +1 -1
- package/registry/blocks/standard-data-table.json +1 -1
- package/registry/blocks/standard-list-with-image.json +1 -1
- package/registry/blocks/upvoting-posts-table.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8754,12 +8754,12 @@ function StandardDataTable({
|
|
|
8754
8754
|
"div",
|
|
8755
8755
|
{
|
|
8756
8756
|
className: cn("flex flex-col w-full", className),
|
|
8757
|
-
style: { gap: "var(--spacing-
|
|
8757
|
+
style: { gap: "var(--spacing-xl)" },
|
|
8758
8758
|
children: [
|
|
8759
8759
|
/* @__PURE__ */ jsxs(
|
|
8760
8760
|
"div",
|
|
8761
8761
|
{
|
|
8762
|
-
className: "flex flex-wrap items-
|
|
8762
|
+
className: "flex flex-wrap items-end w-full",
|
|
8763
8763
|
style: { gap: "var(--spacing-xl)" },
|
|
8764
8764
|
children: [
|
|
8765
8765
|
/* @__PURE__ */ jsxs(
|
|
@@ -8803,13 +8803,13 @@ function StandardDataTable({
|
|
|
8803
8803
|
/* @__PURE__ */ jsxs(
|
|
8804
8804
|
"div",
|
|
8805
8805
|
{
|
|
8806
|
-
className: "flex items-
|
|
8806
|
+
className: "flex items-end justify-end shrink-0 gap-3 max-sm:w-full max-sm:flex-wrap",
|
|
8807
8807
|
children: [
|
|
8808
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
8808
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
8809
8809
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
8810
8810
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
8811
8811
|
] }) }),
|
|
8812
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
8812
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
8813
8813
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
8814
8814
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
8815
8815
|
] }) }),
|
|
@@ -9125,12 +9125,12 @@ function FixedColumnDataTable({
|
|
|
9125
9125
|
"div",
|
|
9126
9126
|
{
|
|
9127
9127
|
className: cn("flex flex-col w-full", className),
|
|
9128
|
-
style: { gap: "var(--spacing-
|
|
9128
|
+
style: { gap: "var(--spacing-xl)" },
|
|
9129
9129
|
children: [
|
|
9130
9130
|
/* @__PURE__ */ jsxs(
|
|
9131
9131
|
"div",
|
|
9132
9132
|
{
|
|
9133
|
-
className: "flex flex-wrap items-
|
|
9133
|
+
className: "flex flex-wrap items-end w-full",
|
|
9134
9134
|
style: { gap: "var(--spacing-xl)" },
|
|
9135
9135
|
children: [
|
|
9136
9136
|
/* @__PURE__ */ jsxs(
|
|
@@ -9174,13 +9174,13 @@ function FixedColumnDataTable({
|
|
|
9174
9174
|
/* @__PURE__ */ jsxs(
|
|
9175
9175
|
"div",
|
|
9176
9176
|
{
|
|
9177
|
-
className: "flex items-
|
|
9177
|
+
className: "flex items-end justify-end shrink-0 gap-3 max-sm:w-full max-sm:flex-wrap",
|
|
9178
9178
|
children: [
|
|
9179
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
9179
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
9180
9180
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
9181
9181
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
9182
9182
|
] }) }),
|
|
9183
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
9183
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
9184
9184
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
9185
9185
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
9186
9186
|
] }) }),
|
|
@@ -9523,12 +9523,12 @@ function NestedDataTable({
|
|
|
9523
9523
|
"div",
|
|
9524
9524
|
{
|
|
9525
9525
|
className: cn("flex flex-col w-full", className),
|
|
9526
|
-
style: { gap: "var(--spacing-
|
|
9526
|
+
style: { gap: "var(--spacing-xl)" },
|
|
9527
9527
|
children: [
|
|
9528
9528
|
/* @__PURE__ */ jsxs(
|
|
9529
9529
|
"div",
|
|
9530
9530
|
{
|
|
9531
|
-
className: "flex flex-wrap items-
|
|
9531
|
+
className: "flex flex-wrap items-end w-full",
|
|
9532
9532
|
style: { gap: "var(--spacing-xl)" },
|
|
9533
9533
|
children: [
|
|
9534
9534
|
/* @__PURE__ */ jsxs(
|
|
@@ -9572,13 +9572,13 @@ function NestedDataTable({
|
|
|
9572
9572
|
/* @__PURE__ */ jsxs(
|
|
9573
9573
|
"div",
|
|
9574
9574
|
{
|
|
9575
|
-
className: "flex items-
|
|
9575
|
+
className: "flex items-end justify-end shrink-0 gap-3 max-sm:w-full max-sm:flex-wrap",
|
|
9576
9576
|
children: [
|
|
9577
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
9577
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
9578
9578
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
9579
9579
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
9580
9580
|
] }) }),
|
|
9581
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
9581
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
9582
9582
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
9583
9583
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
9584
9584
|
] }) }),
|
|
@@ -9951,7 +9951,7 @@ function ReviewsTable({
|
|
|
9951
9951
|
/* @__PURE__ */ jsxs(
|
|
9952
9952
|
"div",
|
|
9953
9953
|
{
|
|
9954
|
-
className: "flex flex-wrap items-
|
|
9954
|
+
className: "flex flex-wrap items-end w-full",
|
|
9955
9955
|
style: { gap: "var(--spacing-xl)" },
|
|
9956
9956
|
children: [
|
|
9957
9957
|
/* @__PURE__ */ jsxs(
|
|
@@ -9995,13 +9995,13 @@ function ReviewsTable({
|
|
|
9995
9995
|
/* @__PURE__ */ jsxs(
|
|
9996
9996
|
"div",
|
|
9997
9997
|
{
|
|
9998
|
-
className: "flex items-
|
|
9998
|
+
className: "flex items-end justify-end shrink-0 gap-3 max-sm:w-full max-sm:flex-wrap",
|
|
9999
9999
|
children: [
|
|
10000
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
10000
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
10001
10001
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
10002
10002
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
10003
10003
|
] }) }),
|
|
10004
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
10004
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
10005
10005
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
10006
10006
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
10007
10007
|
] }) }),
|
|
@@ -10690,12 +10690,12 @@ function UpvotingPostsTable({
|
|
|
10690
10690
|
"div",
|
|
10691
10691
|
{
|
|
10692
10692
|
className: cn("flex flex-col w-full", className),
|
|
10693
|
-
style: { gap: "var(--spacing-
|
|
10693
|
+
style: { gap: "var(--spacing-xl)" },
|
|
10694
10694
|
children: [
|
|
10695
10695
|
/* @__PURE__ */ jsxs(
|
|
10696
10696
|
"div",
|
|
10697
10697
|
{
|
|
10698
|
-
className: "flex flex-wrap items-
|
|
10698
|
+
className: "flex flex-wrap items-end w-full",
|
|
10699
10699
|
style: { gap: "var(--spacing-xl)" },
|
|
10700
10700
|
children: [
|
|
10701
10701
|
/* @__PURE__ */ jsxs(
|
|
@@ -10739,14 +10739,14 @@ function UpvotingPostsTable({
|
|
|
10739
10739
|
/* @__PURE__ */ jsxs(
|
|
10740
10740
|
"div",
|
|
10741
10741
|
{
|
|
10742
|
-
className: "flex items-
|
|
10742
|
+
className: "flex items-end justify-end shrink-0 max-sm:w-full max-sm:flex-wrap",
|
|
10743
10743
|
style: { gap: "var(--spacing-3xl)" },
|
|
10744
10744
|
children: [
|
|
10745
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
10745
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
10746
10746
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
10747
10747
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
10748
10748
|
] }) }),
|
|
10749
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
10749
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
10750
10750
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
10751
10751
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
10752
10752
|
] }) }),
|
|
@@ -11175,7 +11175,7 @@ function NestedCommentsTable({
|
|
|
11175
11175
|
/* @__PURE__ */ jsx(
|
|
11176
11176
|
"div",
|
|
11177
11177
|
{
|
|
11178
|
-
className: "flex flex-wrap items-
|
|
11178
|
+
className: "flex flex-wrap items-end w-full",
|
|
11179
11179
|
style: { gap: "var(--spacing-xl)" },
|
|
11180
11180
|
children: /* @__PURE__ */ jsxs(
|
|
11181
11181
|
"div",
|
|
@@ -11307,7 +11307,7 @@ function FaqsTable({
|
|
|
11307
11307
|
/* @__PURE__ */ jsx(
|
|
11308
11308
|
"div",
|
|
11309
11309
|
{
|
|
11310
|
-
className: "flex flex-wrap items-
|
|
11310
|
+
className: "flex flex-wrap items-end w-full",
|
|
11311
11311
|
style: { gap: "var(--spacing-xl)" },
|
|
11312
11312
|
children: /* @__PURE__ */ jsx(
|
|
11313
11313
|
"div",
|
|
@@ -12150,7 +12150,7 @@ function StandardListWithImage({
|
|
|
12150
12150
|
/* @__PURE__ */ jsxs(
|
|
12151
12151
|
"div",
|
|
12152
12152
|
{
|
|
12153
|
-
className: "flex flex-wrap items-
|
|
12153
|
+
className: "flex flex-wrap items-end w-full",
|
|
12154
12154
|
style: { gap: "var(--spacing-xl)" },
|
|
12155
12155
|
children: [
|
|
12156
12156
|
/* @__PURE__ */ jsxs(
|
|
@@ -12191,8 +12191,8 @@ function StandardListWithImage({
|
|
|
12191
12191
|
]
|
|
12192
12192
|
}
|
|
12193
12193
|
),
|
|
12194
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-
|
|
12195
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(
|
|
12194
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-end justify-end shrink-0 gap-3 max-sm:w-full max-sm:flex-wrap", children: [
|
|
12195
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(
|
|
12196
12196
|
Select,
|
|
12197
12197
|
{
|
|
12198
12198
|
value: sortValue || void 0,
|
|
@@ -12203,7 +12203,7 @@ function StandardListWithImage({
|
|
|
12203
12203
|
]
|
|
12204
12204
|
}
|
|
12205
12205
|
) }),
|
|
12206
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(
|
|
12206
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(
|
|
12207
12207
|
Select,
|
|
12208
12208
|
{
|
|
12209
12209
|
value: filterValue || void 0,
|
|
@@ -12584,7 +12584,7 @@ function LargeImageLabelsList({
|
|
|
12584
12584
|
/* @__PURE__ */ jsxs(
|
|
12585
12585
|
"div",
|
|
12586
12586
|
{
|
|
12587
|
-
className: "flex flex-wrap items-
|
|
12587
|
+
className: "flex flex-wrap items-end w-full",
|
|
12588
12588
|
style: { gap: "var(--spacing-xl)" },
|
|
12589
12589
|
children: [
|
|
12590
12590
|
/* @__PURE__ */ jsxs(
|
|
@@ -12628,13 +12628,13 @@ function LargeImageLabelsList({
|
|
|
12628
12628
|
/* @__PURE__ */ jsxs(
|
|
12629
12629
|
"div",
|
|
12630
12630
|
{
|
|
12631
|
-
className: "flex items-
|
|
12631
|
+
className: "flex items-end justify-end shrink-0 gap-3 max-sm:w-full max-sm:flex-wrap",
|
|
12632
12632
|
children: [
|
|
12633
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
12633
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
12634
12634
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
12635
12635
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
12636
12636
|
] }) }),
|
|
12637
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
12637
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
12638
12638
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
12639
12639
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
12640
12640
|
] }) })
|
|
@@ -12800,7 +12800,7 @@ function CircularProgressBarList({
|
|
|
12800
12800
|
/* @__PURE__ */ jsxs(
|
|
12801
12801
|
"div",
|
|
12802
12802
|
{
|
|
12803
|
-
className: "flex flex-wrap items-
|
|
12803
|
+
className: "flex flex-wrap items-end w-full",
|
|
12804
12804
|
style: { gap: "var(--spacing-xl)" },
|
|
12805
12805
|
children: [
|
|
12806
12806
|
/* @__PURE__ */ jsxs(
|
|
@@ -12844,14 +12844,14 @@ function CircularProgressBarList({
|
|
|
12844
12844
|
/* @__PURE__ */ jsxs(
|
|
12845
12845
|
"div",
|
|
12846
12846
|
{
|
|
12847
|
-
className: "flex items-
|
|
12847
|
+
className: "flex items-end justify-end shrink-0 max-sm:w-full max-sm:flex-wrap",
|
|
12848
12848
|
style: { gap: "var(--spacing-3xl)" },
|
|
12849
12849
|
children: [
|
|
12850
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
12850
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
12851
12851
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
12852
12852
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
12853
12853
|
] }) }),
|
|
12854
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
12854
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
12855
12855
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
12856
12856
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
12857
12857
|
] }) })
|
|
@@ -13290,12 +13290,12 @@ function ActivityFeed({
|
|
|
13290
13290
|
"div",
|
|
13291
13291
|
{
|
|
13292
13292
|
className: cn("flex flex-col w-full", className),
|
|
13293
|
-
style: { gap: "var(--spacing-
|
|
13293
|
+
style: { gap: "var(--spacing-xl)" },
|
|
13294
13294
|
children: [
|
|
13295
13295
|
/* @__PURE__ */ jsx(
|
|
13296
13296
|
"div",
|
|
13297
13297
|
{
|
|
13298
|
-
className: "flex flex-wrap items-
|
|
13298
|
+
className: "flex flex-wrap items-end w-full overflow-hidden",
|
|
13299
13299
|
style: { gap: "var(--spacing-xl)" },
|
|
13300
13300
|
children: /* @__PURE__ */ jsxs(
|
|
13301
13301
|
"div",
|
|
@@ -14154,7 +14154,7 @@ function SocialFeed({
|
|
|
14154
14154
|
className: cn("flex flex-col w-full", className),
|
|
14155
14155
|
style: { gap: "var(--spacing-xl)" },
|
|
14156
14156
|
children: [
|
|
14157
|
-
title && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-
|
|
14157
|
+
title && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-end w-full", style: { gap: "var(--spacing-xl)" }, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col flex-1 min-w-[200px]", style: { gap: "var(--spacing-xs)" }, children: /* @__PURE__ */ jsx(
|
|
14158
14158
|
"h2",
|
|
14159
14159
|
{
|
|
14160
14160
|
style: {
|
|
@@ -14570,7 +14570,7 @@ function ImageFeedWithNestedComments({
|
|
|
14570
14570
|
(title || subtitle) && /* @__PURE__ */ jsx(
|
|
14571
14571
|
"div",
|
|
14572
14572
|
{
|
|
14573
|
-
className: "flex flex-wrap items-
|
|
14573
|
+
className: "flex flex-wrap items-end w-full",
|
|
14574
14574
|
style: { gap: "var(--spacing-xl)" },
|
|
14575
14575
|
children: /* @__PURE__ */ jsxs(
|
|
14576
14576
|
"div",
|
|
@@ -17042,12 +17042,12 @@ function SlideshowGridTiles({
|
|
|
17042
17042
|
"div",
|
|
17043
17043
|
{
|
|
17044
17044
|
className: cn("flex flex-col w-full", className),
|
|
17045
|
-
style: { gap: "var(--spacing-
|
|
17045
|
+
style: { gap: "var(--spacing-xl)" },
|
|
17046
17046
|
children: [
|
|
17047
17047
|
/* @__PURE__ */ jsxs(
|
|
17048
17048
|
"div",
|
|
17049
17049
|
{
|
|
17050
|
-
className: "flex flex-wrap items-
|
|
17050
|
+
className: "flex flex-wrap items-end w-full",
|
|
17051
17051
|
style: { gap: "var(--spacing-xl)" },
|
|
17052
17052
|
children: [
|
|
17053
17053
|
/* @__PURE__ */ jsxs(
|
|
@@ -17091,14 +17091,14 @@ function SlideshowGridTiles({
|
|
|
17091
17091
|
/* @__PURE__ */ jsxs(
|
|
17092
17092
|
"div",
|
|
17093
17093
|
{
|
|
17094
|
-
className: "flex items-
|
|
17094
|
+
className: "flex items-end justify-end shrink-0 max-sm:w-full max-sm:flex-wrap",
|
|
17095
17095
|
style: { gap: "var(--spacing-3xl)" },
|
|
17096
17096
|
children: [
|
|
17097
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
17097
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
17098
17098
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
17099
17099
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
17100
17100
|
] }) }),
|
|
17101
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
17101
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
17102
17102
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
17103
17103
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
17104
17104
|
] }) }),
|
|
@@ -17450,7 +17450,7 @@ function GridTilesList({
|
|
|
17450
17450
|
/* @__PURE__ */ jsxs(
|
|
17451
17451
|
"div",
|
|
17452
17452
|
{
|
|
17453
|
-
className: "flex flex-wrap items-
|
|
17453
|
+
className: "flex flex-wrap items-end w-full",
|
|
17454
17454
|
style: { gap: "var(--spacing-xl, 16px)" },
|
|
17455
17455
|
children: [
|
|
17456
17456
|
/* @__PURE__ */ jsxs(
|
|
@@ -17494,14 +17494,14 @@ function GridTilesList({
|
|
|
17494
17494
|
/* @__PURE__ */ jsxs(
|
|
17495
17495
|
"div",
|
|
17496
17496
|
{
|
|
17497
|
-
className: "flex items-
|
|
17497
|
+
className: "flex items-end justify-end shrink-0 max-sm:w-full max-sm:flex-wrap",
|
|
17498
17498
|
style: { gap: "var(--spacing-3xl, 24px)" },
|
|
17499
17499
|
children: [
|
|
17500
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
17500
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
17501
17501
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
17502
17502
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
17503
17503
|
] }) }),
|
|
17504
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
17504
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
17505
17505
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
17506
17506
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
17507
17507
|
] }) }),
|
|
@@ -17983,7 +17983,7 @@ function ProfileGridTilesList({
|
|
|
17983
17983
|
/* @__PURE__ */ jsxs(
|
|
17984
17984
|
"div",
|
|
17985
17985
|
{
|
|
17986
|
-
className: "flex flex-wrap items-
|
|
17986
|
+
className: "flex flex-wrap items-end w-full",
|
|
17987
17987
|
style: { gap: "var(--spacing-xl)" },
|
|
17988
17988
|
children: [
|
|
17989
17989
|
/* @__PURE__ */ jsxs(
|
|
@@ -18027,14 +18027,14 @@ function ProfileGridTilesList({
|
|
|
18027
18027
|
/* @__PURE__ */ jsxs(
|
|
18028
18028
|
"div",
|
|
18029
18029
|
{
|
|
18030
|
-
className: "flex flex-wrap items-
|
|
18030
|
+
className: "flex flex-wrap items-end justify-end shrink-0 max-sm:w-full max-sm:flex-wrap",
|
|
18031
18031
|
style: { gap: "var(--spacing-3xl)" },
|
|
18032
18032
|
children: [
|
|
18033
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
18033
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
18034
18034
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
18035
18035
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
18036
18036
|
] }) }),
|
|
18037
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
18037
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: filterValue || void 0, onValueChange: handleFilterChange, children: [
|
|
18038
18038
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Filter" }) }),
|
|
18039
18039
|
/* @__PURE__ */ jsx(SelectContent, { children: filterOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
18040
18040
|
] }) }),
|
|
@@ -19530,7 +19530,7 @@ function FormGroup({
|
|
|
19530
19530
|
showHeader && /* @__PURE__ */ jsxs(
|
|
19531
19531
|
"div",
|
|
19532
19532
|
{
|
|
19533
|
-
className: "flex flex-wrap items-
|
|
19533
|
+
className: "flex flex-wrap items-end w-full",
|
|
19534
19534
|
style: { gap: "var(--spacing-xl)" },
|
|
19535
19535
|
children: [
|
|
19536
19536
|
/* @__PURE__ */ jsxs(
|
|
@@ -19571,12 +19571,12 @@ function FormGroup({
|
|
|
19571
19571
|
]
|
|
19572
19572
|
}
|
|
19573
19573
|
),
|
|
19574
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-
|
|
19575
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
19574
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-end justify-end shrink-0 gap-3 max-sm:w-full max-sm:flex-wrap", children: [
|
|
19575
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(Select, { value: sortValue || void 0, onValueChange: handleSortChange, children: [
|
|
19576
19576
|
/* @__PURE__ */ jsx(SelectTrigger, { inputSize: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort" }) }),
|
|
19577
19577
|
/* @__PURE__ */ jsx(SelectContent, { children: sortOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
|
|
19578
19578
|
] }) }),
|
|
19579
|
-
/* @__PURE__ */ jsx("div", { className: "w-[120px]", children: /* @__PURE__ */ jsxs(
|
|
19579
|
+
/* @__PURE__ */ jsx("div", { className: "w-[120px] max-sm:flex-1 max-sm:min-w-[120px]", children: /* @__PURE__ */ jsxs(
|
|
19580
19580
|
Select,
|
|
19581
19581
|
{
|
|
19582
19582
|
value: filterValue || void 0,
|
|
@@ -19934,7 +19934,7 @@ function MonthlyCalendarWidget({
|
|
|
19934
19934
|
/* @__PURE__ */ jsx(
|
|
19935
19935
|
"div",
|
|
19936
19936
|
{
|
|
19937
|
-
className: "flex flex-wrap items-
|
|
19937
|
+
className: "flex flex-wrap items-end w-full",
|
|
19938
19938
|
style: { gap: "var(--spacing-xl)" },
|
|
19939
19939
|
children: /* @__PURE__ */ jsxs(
|
|
19940
19940
|
"div",
|