@motor-hero/ui-kit 0.36.0 → 0.36.1

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 (7) hide show
  1. package/dist/components/filter-toolbar.d.ts.map +1 -1
  2. package/dist/index.cjs +25 -16
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +25 -16
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/filter-toolbar.tsx +8 -3
package/dist/index.js CHANGED
@@ -1195,21 +1195,30 @@ function FilterToolbar({
1195
1195
  clearLabel = "Limpar filtros",
1196
1196
  className
1197
1197
  }) {
1198
- return /* @__PURE__ */ jsxs12("div", { className: cn("mb-6 flex flex-wrap items-center gap-2", className), children: [
1199
- children,
1200
- isFilterActive && onClear && /* @__PURE__ */ jsxs12(
1201
- "button",
1202
- {
1203
- type: "button",
1204
- onClick: onClear,
1205
- className: "inline-flex h-9 shrink-0 items-center gap-1.5 rounded-md px-2.5 text-sm text-muted-foreground transition-colors hover:text-foreground",
1206
- children: [
1207
- /* @__PURE__ */ jsx13(X3, { className: "h-4 w-4" }),
1208
- clearLabel
1209
- ]
1210
- }
1211
- )
1212
- ] });
1198
+ return /* @__PURE__ */ jsxs12(
1199
+ "div",
1200
+ {
1201
+ className: cn(
1202
+ "mb-6 flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center",
1203
+ className
1204
+ ),
1205
+ children: [
1206
+ children,
1207
+ isFilterActive && onClear && /* @__PURE__ */ jsxs12(
1208
+ "button",
1209
+ {
1210
+ type: "button",
1211
+ onClick: onClear,
1212
+ className: "inline-flex h-9 shrink-0 items-center justify-center gap-1.5 self-start rounded-md px-2.5 text-sm text-muted-foreground transition-colors hover:text-foreground sm:self-auto",
1213
+ children: [
1214
+ /* @__PURE__ */ jsx13(X3, { className: "h-4 w-4" }),
1215
+ clearLabel
1216
+ ]
1217
+ }
1218
+ )
1219
+ ]
1220
+ }
1221
+ );
1213
1222
  }
1214
1223
  function FilterPopover({
1215
1224
  label,
@@ -1231,7 +1240,7 @@ function FilterPopover({
1231
1240
  type: "button",
1232
1241
  "aria-expanded": open,
1233
1242
  className: cn(
1234
- "inline-flex h-9 shrink-0 cursor-pointer items-center gap-1.5 rounded-md border border-input bg-transparent px-3 text-sm shadow-sm transition-colors hover:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
1243
+ "flex h-9 w-full shrink-0 cursor-pointer items-center justify-between gap-1.5 rounded-md border border-input bg-transparent px-3 text-sm shadow-sm transition-colors hover:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring sm:w-auto sm:justify-start",
1235
1244
  active ? "border-ring/60 text-foreground" : "text-muted-foreground"
1236
1245
  ),
1237
1246
  children: [