@turingpaper/ui 0.0.1-test.6 → 0.0.1-test.8

package/dist/breadcrumb.mjs

@@ -1,11 +1,11 @@
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
 import * as t from "react";
-import { Slot as n } from "radix-ui";
-import { MoreHorizontal as c, ChevronRight as d } from "lucide-react";
+import { Slot as c } from "radix-ui";
+import { MoreHorizontal as d, ChevronRight as l } from "lucide-react";
 import { cn as o } from "./utils.mjs";
-const l = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
-l.displayName = "Breadcrumb";
-const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+const p = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
+p.displayName = "Breadcrumb";
+const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   "ol",
   {
     ref: a,
@@ -16,8 +16,8 @@ const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-p.displayName = "BreadcrumbList";
-const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+u.displayName = "BreadcrumbList";
+const f = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   "li",
   {
     ref: a,
@@ -25,17 +25,20 @@ const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-u.displayName = "BreadcrumbItem";
-const f = t.forwardRef(({ asChild: r, className: e, ...a }, m) => /* @__PURE__ */ s(
-  r ? n : "a",
-  {
-    ref: m,
-    className: o("transition-colors hover:text-foreground", e),
-    ...a
-  }
-));
-f.displayName = "BreadcrumbLink";
-const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+f.displayName = "BreadcrumbItem";
+const b = t.forwardRef(({ asChild: r, className: e, ...a }, m) => {
+  const i = r ? c.Root : "a";
+  return /* @__PURE__ */ s(
+    i,
+    {
+      ref: m,
+      className: o("transition-colors hover:text-foreground", e),
+      ...a
+    }
+  );
+});
+b.displayName = "BreadcrumbLink";
+const N = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   "span",
   {
     ref: a,
@@ -46,8 +49,8 @@ const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-b.displayName = "BreadcrumbPage";
-const N = ({
+N.displayName = "BreadcrumbPage";
+const B = ({
   children: r,
   className: e,
   ...a
@@ -58,14 +61,14 @@ const N = ({
     "aria-hidden": "true",
     className: o("[&>svg]:w-3.5 [&>svg]:h-3.5", e),
     ...a,
-    children: r ?? /* @__PURE__ */ s(d, {})
+    children: r ?? /* @__PURE__ */ s(l, {})
   }
 );
-N.displayName = "BreadcrumbSeparator";
-const B = ({
+B.displayName = "BreadcrumbSeparator";
+const g = ({
   className: r,
   ...e
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ n(
   "span",
   {
     role: "presentation",
@@ -73,18 +76,18 @@ const B = ({
     className: o("flex h-9 w-9 items-center justify-center", r),
     ...e,
     children: [
-      /* @__PURE__ */ s(c, { className: "h-4 w-4" }),
+      /* @__PURE__ */ s(d, { className: "h-4 w-4" }),
       /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
     ]
   }
 );
-B.displayName = "BreadcrumbElipssis";
+g.displayName = "BreadcrumbElipssis";
 export {
-  l as Breadcrumb,
-  B as BreadcrumbEllipsis,
-  u as BreadcrumbItem,
-  f as BreadcrumbLink,
-  p as BreadcrumbList,
-  b as BreadcrumbPage,
-  N as BreadcrumbSeparator
+  p as Breadcrumb,
+  g as BreadcrumbEllipsis,
+  f as BreadcrumbItem,
+  b as BreadcrumbLink,
+  u as BreadcrumbList,
+  N as BreadcrumbPage,
+  B as BreadcrumbSeparator
 };

package/dist/button.mjs

@@ -1,16 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as a from "react";
-import { Slot as d } from "radix-ui";
+import { jsx as a } from "react/jsx-runtime";
+import * as d from "react";
+import { Slot as u } from "radix-ui";
 import { cva as c } from "class-variance-authority";
-import { cn as u } from "./utils.mjs";
-const f = c(
+import { cn as f } from "./utils.mjs";
+const g = c(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        outline: "border border-input bg-background hover:bg-muted hover:text-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
@@ -27,18 +27,21 @@ const f = c(
       size: "default"
     }
   }
-), g = a.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => /* @__PURE__ */ s(
-    o ? d : "button",
-    {
-      className: u(f({ variant: r, size: t, className: e })),
-      ref: i,
-      ...n
-    }
-  )
+), m = d.forwardRef(
+  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => {
+    const s = o ? u.Root : "button";
+    return /* @__PURE__ */ a(
+      s,
+      {
+        className: f(g({ variant: r, size: t, className: e })),
+        ref: i,
+        ...n
+      }
+    );
+  }
 );
-g.displayName = "Button";
+m.displayName = "Button";
 export {
-  g as Button,
-  f as buttonVariants
+  m as Button,
+  g as buttonVariants
 };

package/dist/components/command.d.ts

@@ -3,11 +3,11 @@ import * as React from "react";
 type DialogProps = React.ComponentProps<typeof Dialog>;
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -29,45 +29,45 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "value" | "heading"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "disabled" | "value" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/map.d.ts

@@ -0,0 +1,192 @@
+import { default as MapLibreGL, PopupOptions, MarkerOptions } from 'maplibre-gl';
+import { ReactNode } from 'react';
+type Theme = "light" | "dark";
+type MapContextValue = {
+    map: MapLibreGL.Map | null;
+    isLoaded: boolean;
+};
+declare function useMap(): MapContextValue;
+/** Map viewport state */
+type MapViewport = {
+    /** Center coordinates [longitude, latitude] */
+    center: [number, number];
+    /** Zoom level */
+    zoom: number;
+    /** Bearing (rotation) in degrees */
+    bearing: number;
+    /** Pitch (tilt) in degrees */
+    pitch: number;
+};
+type MapStyleOption = string | MapLibreGL.StyleSpecification;
+type MapRef = MapLibreGL.Map;
+declare const Map: import('react').ForwardRefExoticComponent<{
+    children?: ReactNode;
+    /** Additional CSS classes for the map container */
+    className?: string;
+    /**
+     * Theme for the map. If not provided, automatically detects system preference.
+     * Pass your theme value here.
+     */
+    theme?: Theme;
+    /** Custom map styles for light and dark themes. Overrides the default Carto styles. */
+    styles?: {
+        light?: MapStyleOption;
+        dark?: MapStyleOption;
+    };
+    /** Map projection type. Use `{ type: "globe" }` for 3D globe view. */
+    projection?: MapLibreGL.ProjectionSpecification;
+    /**
+     * Controlled viewport. When provided with onViewportChange,
+     * the map becomes controlled and viewport is driven by this prop.
+     */
+    viewport?: Partial<MapViewport>;
+    /**
+     * Callback fired continuously as the viewport changes (pan, zoom, rotate, pitch).
+     * Can be used standalone to observe changes, or with `viewport` prop
+     * to enable controlled mode where the map viewport is driven by your state.
+     */
+    onViewportChange?: (viewport: MapViewport) => void;
+    /** Show a loading indicator on the map */
+    loading?: boolean;
+} & Omit<MapLibreGL.MapOptions, "style" | "container"> & import('react').RefAttributes<MapLibreGL.Map>>;
+type MapMarkerProps = {
+    /** Longitude coordinate for marker position */
+    longitude: number;
+    /** Latitude coordinate for marker position */
+    latitude: number;
+    /** Marker subcomponents (MarkerContent, MarkerPopup, MarkerTooltip, MarkerLabel) */
+    children: ReactNode;
+    /** Callback when marker is clicked */
+    onClick?: (e: MouseEvent) => void;
+    /** Callback when mouse enters marker */
+    onMouseEnter?: (e: MouseEvent) => void;
+    /** Callback when mouse leaves marker */
+    onMouseLeave?: (e: MouseEvent) => void;
+    /** Callback when marker drag starts (requires draggable: true) */
+    onDragStart?: (lngLat: {
+        lng: number;
+        lat: number;
+    }) => void;
+    /** Callback during marker drag (requires draggable: true) */
+    onDrag?: (lngLat: {
+        lng: number;
+        lat: number;
+    }) => void;
+    /** Callback when marker drag ends (requires draggable: true) */
+    onDragEnd?: (lngLat: {
+        lng: number;
+        lat: number;
+    }) => void;
+} & Omit<MarkerOptions, "element">;
+declare function MapMarker({ longitude, latitude, children, onClick, onMouseEnter, onMouseLeave, onDragStart, onDrag, onDragEnd, draggable, ...markerOptions }: MapMarkerProps): import("react/jsx-runtime").JSX.Element;
+type MarkerContentProps = {
+    /** Custom marker content. Defaults to a blue dot if not provided */
+    children?: ReactNode;
+    /** Additional CSS classes for the marker container */
+    className?: string;
+};
+declare function MarkerContent({ children, className }: MarkerContentProps): import('react').ReactPortal;
+type MarkerPopupProps = {
+    /** Popup content */
+    children: ReactNode;
+    /** Additional CSS classes for the popup container */
+    className?: string;
+    /** Show a close button in the popup (default: false) */
+    closeButton?: boolean;
+} & Omit<PopupOptions, "className" | "closeButton">;
+declare function MarkerPopup({ children, className, closeButton, ...popupOptions }: MarkerPopupProps): import('react').ReactPortal;
+type MarkerTooltipProps = {
+    /** Tooltip content */
+    children: ReactNode;
+    /** Additional CSS classes for the tooltip container */
+    className?: string;
+} & Omit<PopupOptions, "className" | "closeButton" | "closeOnClick">;
+declare function MarkerTooltip({ children, className, ...popupOptions }: MarkerTooltipProps): import('react').ReactPortal;
+type MarkerLabelProps = {
+    /** Label text content */
+    children: ReactNode;
+    /** Additional CSS classes for the label */
+    className?: string;
+    /** Position of the label relative to the marker (default: "top") */
+    position?: "top" | "bottom";
+};
+declare function MarkerLabel({ children, className, position, }: MarkerLabelProps): import("react/jsx-runtime").JSX.Element;
+type MapControlsProps = {
+    /** Position of the controls on the map (default: "bottom-right") */
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    /** Show zoom in/out buttons (default: true) */
+    showZoom?: boolean;
+    /** Show compass button to reset bearing (default: false) */
+    showCompass?: boolean;
+    /** Show locate button to find user's location (default: false) */
+    showLocate?: boolean;
+    /** Show fullscreen toggle button (default: false) */
+    showFullscreen?: boolean;
+    /** Additional CSS classes for the controls container */
+    className?: string;
+    /** Callback with user coordinates when located */
+    onLocate?: (coords: {
+        longitude: number;
+        latitude: number;
+    }) => void;
+};
+declare function MapControls({ position, showZoom, showCompass, showLocate, showFullscreen, className, onLocate, }: MapControlsProps): import("react/jsx-runtime").JSX.Element;
+type MapPopupProps = {
+    /** Longitude coordinate for popup position */
+    longitude: number;
+    /** Latitude coordinate for popup position */
+    latitude: number;
+    /** Callback when popup is closed */
+    onClose?: () => void;
+    /** Popup content */
+    children: ReactNode;
+    /** Additional CSS classes for the popup container */
+    className?: string;
+    /** Show a close button in the popup (default: false) */
+    closeButton?: boolean;
+} & Omit<PopupOptions, "className" | "closeButton">;
+declare function MapPopup({ longitude, latitude, onClose, children, className, closeButton, ...popupOptions }: MapPopupProps): import('react').ReactPortal;
+type MapRouteProps = {
+    /** Optional unique identifier for the route layer */
+    id?: string;
+    /** Array of [longitude, latitude] coordinate pairs defining the route */
+    coordinates: [number, number][];
+    /** Line color as CSS color value (default: "#4285F4") */
+    color?: string;
+    /** Line width in pixels (default: 3) */
+    width?: number;
+    /** Line opacity from 0 to 1 (default: 0.8) */
+    opacity?: number;
+    /** Dash pattern [dash length, gap length] for dashed lines */
+    dashArray?: [number, number];
+    /** Callback when the route line is clicked */
+    onClick?: () => void;
+    /** Callback when mouse enters the route line */
+    onMouseEnter?: () => void;
+    /** Callback when mouse leaves the route line */
+    onMouseLeave?: () => void;
+    /** Whether the route is interactive - shows pointer cursor on hover (default: true) */
+    interactive?: boolean;
+};
+declare function MapRoute({ id: propId, coordinates, color, width, opacity, dashArray, onClick, onMouseEnter, onMouseLeave, interactive, }: MapRouteProps): null;
+type MapClusterLayerProps<P extends GeoJSON.GeoJsonProperties = GeoJSON.GeoJsonProperties> = {
+    /** GeoJSON FeatureCollection data or URL to fetch GeoJSON from */
+    data: string | GeoJSON.FeatureCollection<GeoJSON.Point, P>;
+    /** Maximum zoom level to cluster points on (default: 14) */
+    clusterMaxZoom?: number;
+    /** Radius of each cluster when clustering points in pixels (default: 50) */
+    clusterRadius?: number;
+    /** Colors for cluster circles: [small, medium, large] based on point count (default: ["#22c55e", "#eab308", "#ef4444"]) */
+    clusterColors?: [string, string, string];
+    /** Point count thresholds for color/size steps: [medium, large] (default: [100, 750]) */
+    clusterThresholds?: [number, number];
+    /** Color for unclustered individual points (default: "#3b82f6") */
+    pointColor?: string;
+    /** Callback when an unclustered point is clicked */
+    onPointClick?: (feature: GeoJSON.Feature<GeoJSON.Point, P>, coordinates: [number, number]) => void;
+    /** Callback when a cluster is clicked. If not provided, zooms into the cluster */
+    onClusterClick?: (clusterId: number, coordinates: [number, number], pointCount: number) => void;
+};
+declare function MapClusterLayer<P extends GeoJSON.GeoJsonProperties = GeoJSON.GeoJsonProperties>({ data, clusterMaxZoom, clusterRadius, clusterColors, clusterThresholds, pointColor, onPointClick, onClusterClick, }: MapClusterLayerProps<P>): null;
+export { Map, useMap, MapMarker, MarkerContent, MarkerPopup, MarkerTooltip, MarkerLabel, MapPopup, MapControls, MapRoute, MapClusterLayer, };
+export type { MapRef, MapViewport };

package/dist/input-otp.mjs

@@ -1,24 +1,24 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import * as a from "react";
 import { OTPInput as m, OTPInputContext as u } from "input-otp";
 import { Dot as f } from "lucide-react";
 import { cn as n } from "./utils.mjs";
-const x = a.forwardRef(({ className: e, containerClassName: t, ...o }, s) => /* @__PURE__ */ r(
+const x = a.forwardRef(({ className: e, containerClassName: r, ...o }, s) => /* @__PURE__ */ t(
   m,
   {
     ref: s,
     containerClassName: n(
       "flex items-center gap-2 has-[:disabled]:opacity-50",
-      t
+      r
     ),
     className: n("disabled:cursor-not-allowed", e),
     ...o
   }
 ));
 x.displayName = "InputOTP";
-const O = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ r("div", { ref: o, className: n("flex items-center", e), ...t }));
+const O = a.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t("div", { ref: o, className: n("flex items-center", e), ...r }));
 O.displayName = "InputOTPGroup";
-const P = a.forwardRef(({ index: e, className: t, ...o }, s) => {
+const P = a.forwardRef(({ index: e, className: r, ...o }, s) => {
   const i = a.useContext(u), { char: d, hasFakeCaret: l, isActive: p } = i.slots[e];
   return /* @__PURE__ */ c(
     "div",
@@ -26,19 +26,19 @@ const P = a.forwardRef(({ index: e, className: t, ...o }, s) => {
       ref: s,
       className: n(
         "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        p && "z-10 ring-2 ring-ring ring-offset-background",
-        t
+        p && "z-10 border-ring ring-3 ring-ring/50",
+        r
       ),
       ...o,
       children: [
         d,
-        l && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        l && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 P.displayName = "InputOTPSlot";
-const T = a.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
+const T = a.forwardRef(({ ...e }, r) => /* @__PURE__ */ t("div", { ref: r, role: "separator", ...e, children: /* @__PURE__ */ t(f, {}) }));
 T.displayName = "InputOTPSeparator";
 export {
   x as InputOTP,

package/dist/input.mjs

@@ -1,21 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import * as n from "react";
-import { cn as f } from "./utils.mjs";
-const s = n.forwardRef(
-  ({ className: e, type: r, ...o }, t) => /* @__PURE__ */ i(
+import { cn as d } from "./utils.mjs";
+const l = n.forwardRef(
+  ({ className: e, type: r, ...o }, i) => /* @__PURE__ */ t(
     "input",
     {
       type: r,
-      className: f(
-        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      className: d(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         e
       ),
-      ref: t,
+      ref: i,
       ...o
     }
   )
 );
-s.displayName = "Input";
+l.displayName = "Input";
 export {
-  s as Input
+  l as Input
 };