@muten/shadcn 0.2.3 → 0.2.4

package/kit.css

@@ -1496,6 +1496,12 @@ p.cx-text { margin: 0; }
 .cx-thumb[aria-pressed="true"] { background: transparent; box-shadow: 0 0 0 2px var(--selected); }
 .cx-car-card .cn-card-header { padding: 12px 12px 4px; }
 @media (max-width: 640px) { .cx-car { --per: var(--per-sm) !important; } }
+/* only: "phone": swiped on a phone; on anything wider the same slides stand still in a grid of the wide perView, with
+   no dots and no arrows (data-only is on the root from the first paint, so a wide screen never sees a track) */
+@media (min-width: 641px) {
+  .cx-car[data-only="phone"] .cx-car-track { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(var(--per, 3), minmax(0, 1fr)); overflow: visible; scroll-snap-type: none; padding-block: 0; margin-block: 0; }
+  .cx-car[data-only="phone"] .cx-car-bar, .cx-car[data-only="phone"] .cx-car-arrow { display: none; }
+}
 
 /* filters on the phone: search fills the row, «Filtros» beside it; chips scroll sideways */
 .cx-dt-host:has(.cx-fbtn-m) .cx-dt-tools { width: 100%; flex-wrap: nowrap; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muten/shadcn",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "shadcn-style component registry for muten - own-the-source parts you add with `muten add`.",
   "repository": {
     "type": "git",

package/registry/carousel.muten

@@ -1,11 +1,12 @@
 # Carousel - one component, options instead of copies. The slides are your muten content (CarouselSlide).
 #   perView "4" or "2,4" (phone, wider) · center "on" (the active one centred, neighbours peeking) · loop "on" ·
 #   autoplay ms (pauses on hover, focus, touch, hidden tab; off with reduced motion; its own pause button) ·
-#   indicator dots | progress | count | thumbs · arrows bar | overlay
+#   indicator dots | progress | count | thumbs · arrows bar | overlay | none ·
+#   only "phone" (a carousel on a phone; on a wider screen the same slides sit still in a grid of perView's wide count)
 #   Carousel(label: "Products", perView: "2,4") { each products as p { CarouselSlide { … } } }
 # shadcn-for-muten · part + Custom (CarouselBehavior, kit collections) · kit.css (.cx-car).
-part Carousel(label: text, perView: text = "1", center: text = "", loop: text = "", autoplay: number = 0, indicator: text = "dots", arrows: text = "bar") {
-  Section class("cx-car") aria(label: $label, roledescription: "carrusel") {
+part Carousel(label: text, perView: text = "1", center: text = "", loop: text = "", autoplay: number = 0, indicator: text = "dots", arrows: text = "bar", only: text = "") {
+  Section class("cx-car") data(only: $only) aria(label: $label, roledescription: "carrusel") {
     Stack class("cx-car-view") { Stack class("cx-car-track") { slot } }
     Custom Carousel inputs(perView: $perView, center: $center, loop: $loop, autoplay: $autoplay, indicator: $indicator, arrows: $arrows) class("cx-car-behavior")
   }