@ship-it-ui/ui 0.0.13 → 0.0.14

package/dist/index.d.cts

@@ -5,7 +5,6 @@ import { useEffect, KeyboardEvent, RefObject, ButtonHTMLAttributes, ReactNode, H
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixRadio from '@radix-ui/react-radio-group';
 import * as RadixSelect from '@radix-ui/react-select';
 import * as RadixSlider from '@radix-ui/react-slider';
@@ -291,7 +290,7 @@ interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
  *     {(p) => <Input type="email" placeholder="me@org.com" {...p} />}
  *   </Field>
  */
-declare function Field({ label, hint, error, required, className, children, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
+declare function Field({ label, hint, error, required, className, children, ...props }: FieldProps): react.JSX.Element;
 
 /**
  * Display-to-input rename primitive. Renders `value` as a static element until
@@ -504,7 +503,7 @@ interface SelectProps extends Omit<RadixSelect.SelectProps, 'children'> {
  * One-line Select. For composition (groups, separators), use the lower-level
  * `SelectRoot/Trigger/Content/Item` exports directly.
  */
-declare function Select({ options, placeholder, size, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rootProps }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select({ options, placeholder, size, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rootProps }: SelectProps): react.JSX.Element;
 
 interface SliderProps extends Omit<RadixSlider.SliderProps, 'asChild' | 'value' | 'defaultValue' | 'onValueChange'> {
     /** Show the numeric value to the right of the track. */
@@ -944,7 +943,7 @@ interface DialogProps extends RadixDialog.DialogProps {
     /** When set, content is wrapped in a content frame; omit for full custom layout. */
     children?: ReactNode;
 }
-declare function Dialog({ title, description, footer, width, children, ...rootProps }: DialogProps): react_jsx_runtime.JSX.Element;
+declare function Dialog({ title, description, footer, width, children, ...rootProps }: DialogProps): react.JSX.Element;
 
 type DrawerSide = 'left' | 'right' | 'bottom';
 interface DrawerProps extends RadixDialog.DialogProps {
@@ -1042,7 +1041,7 @@ interface HoverCardProps extends RadixHoverCard.HoverCardProps {
     content: ReactNode;
 }
 /** Convenience wrapper — pass `trigger` and `content` as props. */
-declare function HoverCard({ trigger, content, ...rootProps }: HoverCardProps): react_jsx_runtime.JSX.Element;
+declare function HoverCard({ trigger, content, ...rootProps }: HoverCardProps): react.JSX.Element;
 
 declare const PopoverRoot: react.FC<RadixPopover.PopoverProps>;
 declare const PopoverTrigger: react.ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1086,7 +1085,7 @@ interface ToastContextValue {
  */
 declare function ToastProvider({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 declare function useToast(): ToastContextValue;
 interface ToastCardProps {
     toast: ToastEntry;
@@ -1132,7 +1131,7 @@ interface SimpleTooltipProps {
  * (multiple triggers in a list, shared delay config), use the lower-level
  * `Tooltip` + `TooltipTrigger` + `TooltipContent` primitives.
  */
-declare function SimpleTooltip({ content, children, side, delayDuration, }: SimpleTooltipProps): react_jsx_runtime.JSX.Element;
+declare function SimpleTooltip({ content, children, side, delayDuration, }: SimpleTooltipProps): react.JSX.Element;
 
 /**
  * Alert — inline messaging block. Four tones (accent / ok / warn / err) with a
@@ -1423,7 +1422,7 @@ interface DataTableProps<T> {
 }
 declare function DataTable<T>(props: DataTableProps<T> & {
     ref?: Ref<HTMLTableElement>;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 /** A `{from, to}` date range used by `Calendar` and `DateRangePicker`. */
 interface DateRange {
@@ -1590,9 +1589,10 @@ interface ListingCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'childre
     /**
      * Wrap the photo carousel past the boundaries (next from the last
      * photo goes to the first). Default `true` — marketplace photo
-     * browsing expects looping. Pass `false` to restore stop-at-end.
+     * browsing expects looping. Pass `false` to restore stop-at-end, or
+     * `'circular'` / `'sweep'` to pick the loop variant explicitly.
      */
-    loop?: boolean;
+    loop?: boolean | 'circular' | 'sweep';
     /** Listing title — e.g. "Sun-soaked cabin in Marin". */
     title: ReactNode;
     /** Optional eyebrow text above the title (location, listing type). */
@@ -1751,9 +1751,11 @@ interface ListingDetailProps {
      * Wrap the gallery carousel and the fullscreen lightbox past the
      * boundaries (next from the last photo goes to the first). Default
      * `true` — marketplace photo browsing expects looping. One prop
-     * drives both surfaces.
+     * drives both surfaces. Pass `'circular'` or `'sweep'` to pick the
+     * gallery's loop variant explicitly; both forward as truthy to the
+     * lightbox.
      */
-    loop?: boolean;
+    loop?: boolean | 'circular' | 'sweep';
     /** Listing title — e.g. "Sun-soaked cabin in Marin". */
     title: ReactNode;
     /** Optional eyebrow above the title — listing type, location. */

package/dist/index.d.ts

@@ -5,7 +5,6 @@ import { useEffect, KeyboardEvent, RefObject, ButtonHTMLAttributes, ReactNode, H
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixRadio from '@radix-ui/react-radio-group';
 import * as RadixSelect from '@radix-ui/react-select';
 import * as RadixSlider from '@radix-ui/react-slider';
@@ -291,7 +290,7 @@ interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
  *     {(p) => <Input type="email" placeholder="me@org.com" {...p} />}
  *   </Field>
  */
-declare function Field({ label, hint, error, required, className, children, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
+declare function Field({ label, hint, error, required, className, children, ...props }: FieldProps): react.JSX.Element;
 
 /**
  * Display-to-input rename primitive. Renders `value` as a static element until
@@ -504,7 +503,7 @@ interface SelectProps extends Omit<RadixSelect.SelectProps, 'children'> {
  * One-line Select. For composition (groups, separators), use the lower-level
  * `SelectRoot/Trigger/Content/Item` exports directly.
  */
-declare function Select({ options, placeholder, size, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rootProps }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select({ options, placeholder, size, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rootProps }: SelectProps): react.JSX.Element;
 
 interface SliderProps extends Omit<RadixSlider.SliderProps, 'asChild' | 'value' | 'defaultValue' | 'onValueChange'> {
     /** Show the numeric value to the right of the track. */
@@ -944,7 +943,7 @@ interface DialogProps extends RadixDialog.DialogProps {
     /** When set, content is wrapped in a content frame; omit for full custom layout. */
     children?: ReactNode;
 }
-declare function Dialog({ title, description, footer, width, children, ...rootProps }: DialogProps): react_jsx_runtime.JSX.Element;
+declare function Dialog({ title, description, footer, width, children, ...rootProps }: DialogProps): react.JSX.Element;
 
 type DrawerSide = 'left' | 'right' | 'bottom';
 interface DrawerProps extends RadixDialog.DialogProps {
@@ -1042,7 +1041,7 @@ interface HoverCardProps extends RadixHoverCard.HoverCardProps {
     content: ReactNode;
 }
 /** Convenience wrapper — pass `trigger` and `content` as props. */
-declare function HoverCard({ trigger, content, ...rootProps }: HoverCardProps): react_jsx_runtime.JSX.Element;
+declare function HoverCard({ trigger, content, ...rootProps }: HoverCardProps): react.JSX.Element;
 
 declare const PopoverRoot: react.FC<RadixPopover.PopoverProps>;
 declare const PopoverTrigger: react.ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1086,7 +1085,7 @@ interface ToastContextValue {
  */
 declare function ToastProvider({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 declare function useToast(): ToastContextValue;
 interface ToastCardProps {
     toast: ToastEntry;
@@ -1132,7 +1131,7 @@ interface SimpleTooltipProps {
  * (multiple triggers in a list, shared delay config), use the lower-level
  * `Tooltip` + `TooltipTrigger` + `TooltipContent` primitives.
  */
-declare function SimpleTooltip({ content, children, side, delayDuration, }: SimpleTooltipProps): react_jsx_runtime.JSX.Element;
+declare function SimpleTooltip({ content, children, side, delayDuration, }: SimpleTooltipProps): react.JSX.Element;
 
 /**
  * Alert — inline messaging block. Four tones (accent / ok / warn / err) with a
@@ -1423,7 +1422,7 @@ interface DataTableProps<T> {
 }
 declare function DataTable<T>(props: DataTableProps<T> & {
     ref?: Ref<HTMLTableElement>;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 /** A `{from, to}` date range used by `Calendar` and `DateRangePicker`. */
 interface DateRange {
@@ -1590,9 +1589,10 @@ interface ListingCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'childre
     /**
      * Wrap the photo carousel past the boundaries (next from the last
      * photo goes to the first). Default `true` — marketplace photo
-     * browsing expects looping. Pass `false` to restore stop-at-end.
+     * browsing expects looping. Pass `false` to restore stop-at-end, or
+     * `'circular'` / `'sweep'` to pick the loop variant explicitly.
      */
-    loop?: boolean;
+    loop?: boolean | 'circular' | 'sweep';
     /** Listing title — e.g. "Sun-soaked cabin in Marin". */
     title: ReactNode;
     /** Optional eyebrow text above the title (location, listing type). */
@@ -1751,9 +1751,11 @@ interface ListingDetailProps {
      * Wrap the gallery carousel and the fullscreen lightbox past the
      * boundaries (next from the last photo goes to the first). Default
      * `true` — marketplace photo browsing expects looping. One prop
-     * drives both surfaces.
+     * drives both surfaces. Pass `'circular'` or `'sweep'` to pick the
+     * gallery's loop variant explicitly; both forward as truthy to the
+     * lightbox.
      */
-    loop?: boolean;
+    loop?: boolean | 'circular' | 'sweep';
     /** Listing title — e.g. "Sun-soaked cabin in Marin". */
     title: ReactNode;
     /** Optional eyebrow above the title — listing type, location. */

package/dist/index.js

@@ -3111,6 +3111,7 @@ var Carousel = forwardRef44(function Carousel2({
   const internalScrollRef = useRef8(false);
   const goToInProgressRef = useRef8(false);
   const wrapInFlightRef = useRef8(null);
+  const rebaseConsumeRef = useRef8(null);
   const activeIdx = active ?? 0;
   const domIndexFor = useCallback9((real) => isLooping ? real + 1 : real, [isLooping]);
   const goTo = useCallback9(
@@ -3126,6 +3127,7 @@ var Carousel = forwardRef44(function Carousel2({
             const rebaseSlide = node.children[rebaseTarget];
             if (rebaseSlide) {
               internalScrollRef.current = true;
+              rebaseConsumeRef.current = rebaseTarget;
               rebaseSlide.scrollIntoView({
                 behavior: "instant",
                 block: "nearest",
@@ -3165,6 +3167,10 @@ var Carousel = forwardRef44(function Carousel2({
         if (domIdx !== activeIdx) setActive(domIdx);
         return;
       }
+      if (rebaseConsumeRef.current !== null) {
+        if (domIdx === rebaseConsumeRef.current) return;
+        rebaseConsumeRef.current = null;
+      }
       if (domIdx === 0) {
         if (goToInProgressRef.current && node.scrollLeft > 1) return;
         const realTwin = node.children[N];
@@ -3199,6 +3205,7 @@ var Carousel = forwardRef44(function Carousel2({
     const onPointerDown = () => {
       goToInProgressRef.current = false;
       wrapInFlightRef.current = null;
+      rebaseConsumeRef.current = null;
     };
     node.addEventListener("scroll", onScroll, { passive: true });
     node.addEventListener("pointerdown", onPointerDown, { passive: true });
@@ -5125,7 +5132,7 @@ var ListingDetail = forwardRef52(function ListingDetail2({
         items: photos,
         index: galleryIndex,
         onIndexChange: setGalleryIndex,
-        loop,
+        loop: Boolean(loop),
         title: lightboxTitle,
         renderItem: (src, i) => renderPhoto ? renderPhoto(src, i, "lightbox") : /* @__PURE__ */ jsx54("img", { src, alt: "", className: "max-h-[88vh] max-w-[92vw] object-contain" })
       }