@tetherto/dev-websites-core 0.2.1 → 0.3.1

package/dist/ui/components/FieldError/FieldError.d.mts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+//#region src/ui/components/FieldError/FieldError.d.ts
+type FieldErrorProps = {
+  id?: string;
+  children?: ReactNode;
+  className?: string;
+};
+/**
+ * Presentational field error. Apps wire react-hook-form (or other) and pass the message.
+ */
+declare function FieldError({ id, children, className }: FieldErrorProps): import("react").JSX.Element | null;
+//#endregion
+export { FieldError, FieldErrorProps };
+//# sourceMappingURL=FieldError.d.mts.map

package/dist/ui/components/FieldError/FieldError.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.d.mts","names":[],"sources":["../../../../src/ui/components/FieldError/FieldError.tsx"],"mappings":";;KAIY;EACV;EACA,WAAW;EACX;;;;;iBAMO,aAAa,IAAI,UAAU,aAAa,kCAAe,IAAA"}

package/dist/ui/components/FieldError/FieldError.mjs

@@ -0,0 +1,19 @@
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/FieldError/FieldError.tsx
+/**
+* Presentational field error. Apps wire react-hook-form (or other) and pass the message.
+*/
+function FieldError({ id, children, className }) {
+	if (!children) return null;
+	return /* @__PURE__ */ jsx("p", {
+		id,
+		"data-slot": "field-error",
+		className: cn("text-xs text-destructive", className),
+		children
+	});
+}
+//#endregion
+export { FieldError };
+
+//# sourceMappingURL=FieldError.mjs.map

package/dist/ui/components/FieldError/FieldError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.mjs","names":[],"sources":["../../../../src/ui/components/FieldError/FieldError.tsx"],"sourcesContent":["import { cn } from '../../utils/cn.js'\n\nimport type { ReactNode } from 'react'\n\nexport type FieldErrorProps = {\n  id?: string\n  children?: ReactNode\n  className?: string\n}\n\n/**\n * Presentational field error. Apps wire react-hook-form (or other) and pass the message.\n */\nfunction FieldError({ id, children, className }: FieldErrorProps) {\n  if (!children) return null\n\n  return (\n    <p id={id} data-slot=\"field-error\" className={cn('text-xs text-destructive', className)}>\n      {children}\n    </p>\n  )\n}\n\nexport { FieldError }\n"],"mappings":";;;;;;AAaA,SAAS,WAAW,EAAE,IAAI,UAAU,aAA8B;CAChE,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,oBAAC,KAAD;EAAO;EAAI,aAAU;EAAc,WAAW,GAAG,4BAA4B,SAAS;EACnF;CACA,CAAA;AAEP"}

package/dist/ui/components/FieldError/index.d.mts

@@ -0,0 +1,2 @@
+import { FieldError, FieldErrorProps } from "./FieldError.mjs";
+export { FieldError, type FieldErrorProps };

package/dist/ui/components/FieldError/index.mjs

@@ -0,0 +1,2 @@
+import { FieldError } from "./FieldError.mjs";
+export { FieldError };

package/dist/ui/components/FormattedDate/FormattedDate.d.mts

@@ -0,0 +1,15 @@
+//#region src/ui/components/FormattedDate/FormattedDate.d.ts
+type FormatDateOptions = {
+  month?: 'short' | 'long';
+};
+type FormattedDateProps = {
+  iso: string | null | undefined;
+  locale: string;
+  className?: string;
+  month?: FormatDateOptions['month'];
+};
+declare function formatDate(iso: string | null | undefined, locale: string, options?: FormatDateOptions): string;
+declare function FormattedDate({ iso, locale, className, month }: FormattedDateProps): import("react").JSX.Element | null;
+//#endregion
+export { FormatDateOptions, FormattedDate, FormattedDateProps, formatDate };
+//# sourceMappingURL=FormattedDate.d.mts.map

package/dist/ui/components/FormattedDate/FormattedDate.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedDate.d.mts","names":[],"sources":["../../../../src/ui/components/FormattedDate/FormattedDate.tsx"],"mappings":";KAEY;EACV;;KAGU;EACV;EACA;EACA;EACA,QAAQ;;iBAGD,WACP,gCACA,gBACA,UAAU;iBAUH,gBAAgB,KAAK,QAAQ,WAAW,SAAS,qCAAkB,IAAA"}

package/dist/ui/components/FormattedDate/FormattedDate.mjs

@@ -0,0 +1,23 @@
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/FormattedDate/FormattedDate.tsx
+function formatDate(iso, locale, options) {
+	if (!iso) return "";
+	return new Date(iso).toLocaleDateString(locale, {
+		year: "numeric",
+		month: options?.month ?? "long",
+		day: "numeric"
+	});
+}
+function FormattedDate({ iso, locale, className, month }) {
+	if (!iso) return null;
+	return /* @__PURE__ */ jsx("time", {
+		dateTime: iso,
+		className: cn(className),
+		children: formatDate(iso, locale, { month })
+	});
+}
+//#endregion
+export { FormattedDate, formatDate };
+
+//# sourceMappingURL=FormattedDate.mjs.map

package/dist/ui/components/FormattedDate/FormattedDate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedDate.mjs","names":[],"sources":["../../../../src/ui/components/FormattedDate/FormattedDate.tsx"],"sourcesContent":["import { cn } from '../../utils/cn.js'\n\nexport type FormatDateOptions = {\n  month?: 'short' | 'long'\n}\n\nexport type FormattedDateProps = {\n  iso: string | null | undefined\n  locale: string\n  className?: string\n  month?: FormatDateOptions['month']\n}\n\nfunction formatDate(\n  iso: string | null | undefined,\n  locale: string,\n  options?: FormatDateOptions\n): string {\n  if (!iso) return ''\n  return new Date(iso).toLocaleDateString(locale, {\n    year: 'numeric',\n    month: options?.month ?? 'long',\n    day: 'numeric',\n  })\n}\n\nfunction FormattedDate({ iso, locale, className, month }: FormattedDateProps) {\n  if (!iso) return null\n\n  return (\n    <time dateTime={iso} className={cn(className)}>\n      {formatDate(iso, locale, { month })}\n    </time>\n  )\n}\n\nexport { FormattedDate, formatDate }\n"],"mappings":";;;AAaA,SAAS,WACP,KACA,QACA,SACQ;CACR,IAAI,CAAC,KAAK,OAAO;CACjB,OAAO,IAAI,KAAK,GAAG,CAAC,CAAC,mBAAmB,QAAQ;EAC9C,MAAM;EACN,OAAO,SAAS,SAAS;EACzB,KAAK;CACP,CAAC;AACH;AAEA,SAAS,cAAc,EAAE,KAAK,QAAQ,WAAW,SAA6B;CAC5E,IAAI,CAAC,KAAK,OAAO;CAEjB,OACE,oBAAC,QAAD;EAAM,UAAU;EAAK,WAAW,GAAG,SAAS;EACzC,UAAA,WAAW,KAAK,QAAQ,EAAE,MAAM,CAAC;CAC9B,CAAA;AAEV"}

package/dist/ui/components/FormattedDate/index.d.mts

@@ -0,0 +1,2 @@
+import { FormatDateOptions, FormattedDate, FormattedDateProps, formatDate } from "./FormattedDate.mjs";
+export { type FormatDateOptions, FormattedDate, type FormattedDateProps, formatDate };

package/dist/ui/components/FormattedDate/index.mjs

@@ -0,0 +1,2 @@
+import { FormattedDate, formatDate } from "./FormattedDate.mjs";
+export { FormattedDate, formatDate };

package/dist/ui/components/IconButton/IconButton.d.mts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/IconButton/IconButton.d.ts
+type IconButtonProps = ComponentProps<typeof Primitive.button> & {
+  asChild?: boolean;
+};
+declare function IconButton({ className, asChild, ...props }: IconButtonProps): import("react").JSX.Element;
+//#endregion
+export { IconButton, IconButtonProps };
+//# sourceMappingURL=IconButton.d.mts.map

package/dist/ui/components/IconButton/IconButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.mts","names":[],"sources":["../../../../src/ui/components/IconButton/IconButton.tsx"],"mappings":";;;KAUY,kBAAkB,sBAAsB,UAAU;EAC5D;;iBAGO,aAAa,WAAW,YAAoB,SAAS,kCAAe,IAAA"}

package/dist/ui/components/IconButton/IconButton.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { focusRingClassName } from "../../a11y/focus.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/IconButton/IconButton.tsx
+function IconButton({ className, asChild = false, ...props }) {
+	const Comp = asChild ? Slot : Primitive.button;
+	return /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "icon-button",
+		className: cn("inline-flex h-10 w-10 items-center justify-center rounded-btn text-foreground transition-colors outline-none hover:bg-foreground/5 focus:bg-foreground/5 disabled:pointer-events-none disabled:opacity-50", focusRingClassName, className),
+		...props
+	});
+}
+//#endregion
+export { IconButton };
+
+//# sourceMappingURL=IconButton.mjs.map

package/dist/ui/components/IconButton/IconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.mjs","names":[],"sources":["../../../../src/ui/components/IconButton/IconButton.tsx"],"sourcesContent":["'use client'\n\nimport { Primitive } from '@radix-ui/react-primitive'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { focusRingClassName } from '../../a11y/focus.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps } from 'react'\n\nexport type IconButtonProps = ComponentProps<typeof Primitive.button> & {\n  asChild?: boolean\n}\n\nfunction IconButton({ className, asChild = false, ...props }: IconButtonProps) {\n  const Comp = asChild ? Slot : Primitive.button\n\n  return (\n    <Comp\n      data-slot=\"icon-button\"\n      className={cn(\n        'inline-flex h-10 w-10 items-center justify-center rounded-btn text-foreground transition-colors outline-none hover:bg-foreground/5 focus:bg-foreground/5 disabled:pointer-events-none disabled:opacity-50',\n        focusRingClassName,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { IconButton }\n"],"mappings":";;;;;;;AAcA,SAAS,WAAW,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;CAC7E,MAAM,OAAO,UAAU,OAAO,UAAU;CAExC,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,6MACA,oBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/components/IconButton/index.d.mts

@@ -0,0 +1,2 @@
+import { IconButton, IconButtonProps } from "./IconButton.mjs";
+export { IconButton, type IconButtonProps };

package/dist/ui/components/IconButton/index.mjs

@@ -0,0 +1,2 @@
+import { IconButton } from "./IconButton.mjs";
+export { IconButton };

package/dist/ui/components/Input/Input.d.mts

@@ -0,0 +1,12 @@
+import { ComponentProps, ReactNode } from "react";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Input/Input.d.ts
+type InputProps = Omit<ComponentProps<typeof Primitive.input>, 'children'> & {
+  error?: boolean | string;
+  leftIcon?: ReactNode;
+  rightIcon?: ReactNode;
+};
+declare function Input({ className, error, leftIcon, rightIcon, id, ref, ...props }: InputProps): import("react").JSX.Element;
+//#endregion
+export { Input, InputProps };
+//# sourceMappingURL=Input.d.mts.map

package/dist/ui/components/Input/Input.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.mts","names":[],"sources":["../../../../src/ui/components/Input/Input.tsx"],"mappings":";;;KAQY,aAAa,KAAK,sBAAsB,UAAU;EAC5D;EACA,WAAW;EACX,YAAY;;iBAGL,QAAQ,WAAW,OAAO,UAAU,WAAW,IAAI,QAAQ,SAAS,6BAAU,IAAA"}

package/dist/ui/components/Input/Input.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Input/Input.tsx
+function Input({ className, error, leftIcon, rightIcon, id, ref, ...props }) {
+	const errorId = id ? `${id}-error` : void 0;
+	const hasError = Boolean(error);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full flex-col gap-1",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative flex items-center",
+			children: [
+				leftIcon ? /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: "pointer-events-none absolute left-4 flex items-center",
+					children: leftIcon
+				}) : null,
+				/* @__PURE__ */ jsx(Primitive.input, {
+					ref,
+					id,
+					"data-slot": "input",
+					"aria-invalid": hasError || void 0,
+					"aria-describedby": hasError && errorId ? errorId : void 0,
+					className: cn("h-11 w-full rounded-btn border border-border-subtle bg-background px-3.5 text-sm text-foreground", "placeholder:text-muted", "transition-colors hover:border-border", "focus-visible:border-accent focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", hasError && "border-destructive focus-visible:border-destructive", leftIcon && "pl-11", rightIcon && "pr-11", className),
+					...props
+				}),
+				rightIcon ? /* @__PURE__ */ jsx("span", {
+					className: "absolute right-3.5 flex items-center",
+					children: rightIcon
+				}) : null
+			]
+		}), typeof error === "string" ? /* @__PURE__ */ jsx("p", {
+			id: errorId,
+			className: "text-xs text-destructive",
+			children: error
+		}) : null]
+	});
+}
+//#endregion
+export { Input };
+
+//# sourceMappingURL=Input.mjs.map

package/dist/ui/components/Input/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","names":[],"sources":["../../../../src/ui/components/Input/Input.tsx"],"sourcesContent":["'use client'\n\nimport { Primitive } from '@radix-ui/react-primitive'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps, ReactNode } from 'react'\n\nexport type InputProps = Omit<ComponentProps<typeof Primitive.input>, 'children'> & {\n  error?: boolean | string\n  leftIcon?: ReactNode\n  rightIcon?: ReactNode\n}\n\nfunction Input({ className, error, leftIcon, rightIcon, id, ref, ...props }: InputProps) {\n  const errorId = id ? `${id}-error` : undefined\n  const hasError = Boolean(error)\n\n  return (\n    <div className=\"flex w-full flex-col gap-1\">\n      <div className=\"relative flex items-center\">\n        {leftIcon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute left-4 flex items-center\"\n          >\n            {leftIcon}\n          </span>\n        ) : null}\n\n        <Primitive.input\n          ref={ref}\n          id={id}\n          data-slot=\"input\"\n          aria-invalid={hasError || undefined}\n          aria-describedby={hasError && errorId ? errorId : undefined}\n          className={cn(\n            'h-11 w-full rounded-btn border border-border-subtle bg-background px-3.5 text-sm text-foreground',\n            'placeholder:text-muted',\n            'transition-colors hover:border-border',\n            'focus-visible:border-accent focus-visible:outline-none',\n            'disabled:cursor-not-allowed disabled:opacity-50',\n            hasError && 'border-destructive focus-visible:border-destructive',\n            leftIcon && 'pl-11',\n            rightIcon && 'pr-11',\n            className\n          )}\n          {...props}\n        />\n\n        {rightIcon ? (\n          <span className=\"absolute right-3.5 flex items-center\">{rightIcon}</span>\n        ) : null}\n      </div>\n\n      {typeof error === 'string' ? (\n        <p id={errorId} className=\"text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;AAcA,SAAS,MAAM,EAAE,WAAW,OAAO,UAAU,WAAW,IAAI,KAAK,GAAG,SAAqB;CACvF,MAAM,UAAU,KAAK,GAAG,GAAG,UAAU;CACrC,MAAM,WAAW,QAAQ,KAAK;CAE9B,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,WACC,oBAAC,QAAD;KACE,eAAY;KACZ,WAAU;KAET,UAAA;IACG,CAAA,IACJ;IAEJ,oBAAC,UAAU,OAAX;KACO;KACD;KACJ,aAAU;KACV,gBAAc,YAAY;KAC1B,oBAAkB,YAAY,UAAU,UAAU;KAClD,WAAW,GACT,oGACA,0BACA,yCACA,0DACA,mDACA,YAAY,uDACZ,YAAY,SACZ,aAAa,SACb,SACF;KACA,GAAI;IACL,CAAA;IAEA,YACC,oBAAC,QAAD;KAAM,WAAU;KAAwC,UAAA;IAAgB,CAAA,IACtE;GACD;EAEJ,CAAA,GAAA,OAAO,UAAU,WAChB,oBAAC,KAAD;GAAG,IAAI;GAAS,WAAU;GACvB,UAAA;EACA,CAAA,IACD,IACD;;AAET"}

package/dist/ui/components/Input/index.d.mts

@@ -0,0 +1,2 @@
+import { Input, InputProps } from "./Input.mjs";
+export { Input, type InputProps };

package/dist/ui/components/Input/index.mjs

@@ -0,0 +1,2 @@
+import { Input } from "./Input.mjs";
+export { Input };

package/dist/ui/components/Label/Label.d.mts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Label/Label.d.ts
+type LabelProps = ComponentPropsWithoutRef<typeof Primitive.label> & {
+  disabled?: boolean;
+  error?: boolean;
+};
+declare function Label({ className, disabled, error, ...props }: LabelProps): import("react").JSX.Element;
+//#endregion
+export { Label, LabelProps };
+//# sourceMappingURL=Label.d.mts.map

package/dist/ui/components/Label/Label.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.mts","names":[],"sources":["../../../../src/ui/components/Label/Label.tsx"],"mappings":";;;KAQY,aAAa,gCAAgC,UAAU;EACjE;EACA;;iBAGO,QAAQ,WAAW,UAAU,UAAU,SAAS,6BAAU,IAAA"}

package/dist/ui/components/Label/Label.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Label/Label.tsx
+function Label({ className, disabled, error, ...props }) {
+	return /* @__PURE__ */ jsx(Primitive.label, {
+		"data-slot": "label",
+		"data-disabled": disabled || void 0,
+		"data-error": error || void 0,
+		className: cn("inline-block text-sm font-normal text-secondary transition-colors", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", "data-[error]:text-destructive", className),
+		...props
+	});
+}
+//#endregion
+export { Label };
+
+//# sourceMappingURL=Label.mjs.map

package/dist/ui/components/Label/Label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.mjs","names":[],"sources":["../../../../src/ui/components/Label/Label.tsx"],"sourcesContent":["'use client'\n\nimport { Primitive } from '@radix-ui/react-primitive'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentPropsWithoutRef } from 'react'\n\nexport type LabelProps = ComponentPropsWithoutRef<typeof Primitive.label> & {\n  disabled?: boolean\n  error?: boolean\n}\n\nfunction Label({ className, disabled, error, ...props }: LabelProps) {\n  return (\n    <Primitive.label\n      data-slot=\"label\"\n      data-disabled={disabled || undefined}\n      data-error={error || undefined}\n      className={cn(\n        'inline-block text-sm font-normal text-secondary transition-colors',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        'data-[error]:text-destructive',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":";;;;;AAaA,SAAS,MAAM,EAAE,WAAW,UAAU,OAAO,GAAG,SAAqB;CACnE,OACE,oBAAC,UAAU,OAAX;EACE,aAAU;EACV,iBAAe,YAAY;EAC3B,cAAY,SAAS;EACrB,WAAW,GACT,qEACA,iEACA,iCACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/components/Label/index.d.mts

@@ -0,0 +1,2 @@
+import { Label, LabelProps } from "./Label.mjs";
+export { Label, type LabelProps };

package/dist/ui/components/Label/index.mjs

@@ -0,0 +1,2 @@
+import { Label } from "./Label.mjs";
+export { Label };

package/dist/ui/components/LazyVideo/LazyVideo.d.mts

@@ -0,0 +1,23 @@
+import { CSSProperties, ReactNode, Ref } from "react";
+//#region src/ui/components/LazyVideo/LazyVideo.d.ts
+type LazyVideoProps = {
+  'src': string;
+  'type'?: string;
+  'className'?: string;
+  'style'?: CSSProperties;
+  'poster'?: string;
+  'autoPlay'?: boolean;
+  'loop'?: boolean;
+  'muted'?: boolean;
+  'playsInline'?: boolean;
+  'controls'?: boolean;
+  'preload'?: 'none' | 'metadata' | 'auto';
+  'rootMargin'?: string;
+  'children'?: ReactNode;
+  'aria-label'?: string;
+  'ref'?: Ref<HTMLVideoElement>;
+};
+declare function LazyVideo({ src, type, rootMargin, autoPlay, loop, muted, playsInline, controls, preload, poster, className, style, children, 'aria-label': ariaLabel, ref }: LazyVideoProps): import("react").JSX.Element;
+//#endregion
+export { LazyVideo, LazyVideoProps };
+//# sourceMappingURL=LazyVideo.d.mts.map

package/dist/ui/components/LazyVideo/LazyVideo.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyVideo.d.mts","names":[],"sources":["../../../../src/ui/components/LazyVideo/LazyVideo.tsx"],"mappings":";;KAQY;EACV;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAAa;EACb;EACA,QAAQ,IAAI;;iBAGL,YACP,KACA,MACA,YACA,UACA,MACA,OACA,aACA,UACA,SACA,QACA,WACA,OACA,wBACc,WACd,OACC,iCAAc,IAAA"}

package/dist/ui/components/LazyVideo/LazyVideo.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+//#region src/ui/components/LazyVideo/LazyVideo.tsx
+function LazyVideo({ src, type = "video/webm", rootMargin = "0px", autoPlay, loop, muted, playsInline, controls, preload = "none", poster, className, style, children, "aria-label": ariaLabel, ref }) {
+	const localRef = useRef(null);
+	const [shouldLoad, setShouldLoad] = useState(false);
+	useEffect(() => {
+		if (shouldLoad) return;
+		const el = localRef.current;
+		if (!el) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries.some((entry) => entry.isIntersecting)) {
+				setShouldLoad(true);
+				observer.disconnect();
+			}
+		}, { rootMargin });
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, [shouldLoad, rootMargin]);
+	useEffect(() => {
+		if (!shouldLoad) return;
+		const el = localRef.current;
+		if (!el) return;
+		el.load();
+		if (!autoPlay) return;
+		const playback = el.play();
+		if (playback && typeof playback.catch === "function") playback.catch(() => void 0);
+	}, [shouldLoad, autoPlay]);
+	const setRefs = (node) => {
+		localRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	};
+	return /* @__PURE__ */ jsxs("video", {
+		ref: setRefs,
+		autoPlay,
+		loop,
+		muted,
+		playsInline,
+		controls,
+		poster,
+		preload,
+		className: cn(className),
+		style,
+		"aria-label": ariaLabel,
+		children: [shouldLoad ? /* @__PURE__ */ jsx("source", {
+			src,
+			type
+		}) : null, children]
+	});
+}
+//#endregion
+export { LazyVideo };
+
+//# sourceMappingURL=LazyVideo.mjs.map

package/dist/ui/components/LazyVideo/LazyVideo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyVideo.mjs","names":[],"sources":["../../../../src/ui/components/LazyVideo/LazyVideo.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { CSSProperties, ReactNode, Ref } from 'react'\n\nexport type LazyVideoProps = {\n  'src': string\n  'type'?: string\n  'className'?: string\n  'style'?: CSSProperties\n  'poster'?: string\n  'autoPlay'?: boolean\n  'loop'?: boolean\n  'muted'?: boolean\n  'playsInline'?: boolean\n  'controls'?: boolean\n  'preload'?: 'none' | 'metadata' | 'auto'\n  'rootMargin'?: string\n  'children'?: ReactNode\n  'aria-label'?: string\n  'ref'?: Ref<HTMLVideoElement>\n}\n\nfunction LazyVideo({\n  src,\n  type = 'video/webm',\n  rootMargin = '0px',\n  autoPlay,\n  loop,\n  muted,\n  playsInline,\n  controls,\n  preload = 'none',\n  poster,\n  className,\n  style,\n  children,\n  'aria-label': ariaLabel,\n  ref,\n}: LazyVideoProps) {\n  const localRef = useRef<HTMLVideoElement | null>(null)\n  const [shouldLoad, setShouldLoad] = useState(false)\n\n  useEffect(() => {\n    if (shouldLoad) return\n    const el = localRef.current\n    if (!el) return\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) {\n          setShouldLoad(true)\n          observer.disconnect()\n        }\n      },\n      { rootMargin }\n    )\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [shouldLoad, rootMargin])\n\n  useEffect(() => {\n    if (!shouldLoad) return\n    const el = localRef.current\n    if (!el) return\n    el.load()\n    if (!autoPlay) return\n    const playback = el.play()\n    if (playback && typeof playback.catch === 'function') {\n      playback.catch(() => undefined)\n    }\n  }, [shouldLoad, autoPlay])\n\n  const setRefs = (node: HTMLVideoElement | null) => {\n    localRef.current = node\n    if (typeof ref === 'function') ref(node)\n    else if (ref) ref.current = node\n  }\n\n  return (\n    <video\n      ref={setRefs}\n      autoPlay={autoPlay}\n      loop={loop}\n      muted={muted}\n      playsInline={playsInline}\n      controls={controls}\n      poster={poster}\n      preload={preload}\n      className={cn(className)}\n      style={style}\n      aria-label={ariaLabel}\n    >\n      {shouldLoad ? <source src={src} type={type} /> : null}\n      {children}\n    </video>\n  )\n}\n\nexport { LazyVideo }\n"],"mappings":";;;;;AA0BA,SAAS,UAAU,EACjB,KACA,OAAO,cACP,aAAa,OACb,UACA,MACA,OACA,aACA,UACA,UAAU,QACV,QACA,WACA,OACA,UACA,cAAc,WACd,OACiB;CACjB,MAAM,WAAW,OAAgC,IAAI;CACrD,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,gBAAgB;EACd,IAAI,YAAY;EAChB,MAAM,KAAK,SAAS;EACpB,IAAI,CAAC,IAAI;EAET,MAAM,WAAW,IAAI,sBAClB,YAAY;GACX,IAAI,QAAQ,MAAM,UAAU,MAAM,cAAc,GAAG;IACjD,cAAc,IAAI;IAClB,SAAS,WAAW;GACtB;EACF,GACA,EAAE,WAAW,CACf;EACA,SAAS,QAAQ,EAAE;EACnB,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,YAAY,UAAU,CAAC;CAE3B,gBAAgB;EACd,IAAI,CAAC,YAAY;EACjB,MAAM,KAAK,SAAS;EACpB,IAAI,CAAC,IAAI;EACT,GAAG,KAAK;EACR,IAAI,CAAC,UAAU;EACf,MAAM,WAAW,GAAG,KAAK;EACzB,IAAI,YAAY,OAAO,SAAS,UAAU,YACxC,SAAS,YAAY,MAAS;CAElC,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,WAAW,SAAkC;EACjD,SAAS,UAAU;EACnB,IAAI,OAAO,QAAQ,YAAY,IAAI,IAAI;OAClC,IAAI,KAAK,IAAI,UAAU;CAC9B;CAEA,OACE,qBAAC,SAAD;EACE,KAAK;EACK;EACJ;EACC;EACM;EACH;EACF;EACC;EACT,WAAW,GAAG,SAAS;EAChB;EACP,cAAY;EAXd,UAAA,CAaG,aAAa,oBAAC,UAAD;GAAa;GAAW;EAAO,CAAA,IAAI,MAChD,QACI;;AAEX"}

package/dist/ui/components/LazyVideo/index.d.mts

@@ -0,0 +1,2 @@
+import { LazyVideo, LazyVideoProps } from "./LazyVideo.mjs";
+export { LazyVideo, type LazyVideoProps };

package/dist/ui/components/LazyVideo/index.mjs

@@ -0,0 +1,2 @@
+import { LazyVideo } from "./LazyVideo.mjs";
+export { LazyVideo };

package/dist/ui/components/Pagination/Pagination.d.mts

@@ -0,0 +1,38 @@
+import { ReactNode } from "react";
+//#region src/ui/components/Pagination/Pagination.d.ts
+type PaginationLabels = {
+  nav: string;
+  previous: string;
+  next: string;
+  pageLabel: (page: number) => string;
+};
+type PaginationProps = {
+  page: number;
+  totalPages: number;
+  getPageHref: (page: number) => string;
+  labels: PaginationLabels;
+  siblingCount?: number;
+  className?: string;
+  /** Defaults to chevron SVGs. Override for branded icons. */
+  previousIcon?: ReactNode;
+  nextIcon?: ReactNode;
+  /**
+   * When true, page links render via Slot onto a single child you provide
+   * through a custom render — prefer wrapping with next/link in the app
+   * by mapping items yourself, or pass `renderItem`.
+   */
+  renderItem?: (props: {
+    href: string;
+    active: boolean;
+    ariaLabel: string;
+    rel?: 'prev' | 'next';
+    children: ReactNode;
+  }) => ReactNode;
+};
+declare const ELLIPSIS = "…";
+type PageItem = number | typeof ELLIPSIS;
+declare function buildPageItems(current: number, total: number, siblingCount: number): PageItem[];
+declare function Pagination({ page, totalPages, getPageHref, labels, siblingCount, className, previousIcon, nextIcon, renderItem }: PaginationProps): import("react").JSX.Element | null;
+//#endregion
+export { Pagination, PaginationLabels, PaginationProps, buildPageItems };
+//# sourceMappingURL=Pagination.d.mts.map

package/dist/ui/components/Pagination/Pagination.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../../../../src/ui/components/Pagination/Pagination.tsx"],"mappings":";;KAKY;EACV;EACA;EACA;EACA,YAAY;;KAGF;EACV;EACA;EACA,cAAc;EACd,QAAQ;EACR;EACA;;EAEA,eAAe;EACf,WAAW;;;;;;EAMX,cAAc;IACZ;IACA;IACA;IACA;IACA,UAAU;QACN;;cAGF;KACD,2BAA2B;iBAEvB,eAAe,iBAAiB,eAAe,uBAAuB;iBA8CtE,aACP,MACA,YACA,aACA,QACA,cACA,WACA,cACA,UACA,cACC,kCAAe,IAAA"}

package/dist/ui/components/Pagination/Pagination.mjs

@@ -0,0 +1,110 @@
+import { cn } from "../../utils/cn.mjs";
+import { PaginationItem } from "../PaginationItem/PaginationItem.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/components/Pagination/Pagination.tsx
+const ELLIPSIS = "…";
+function buildPageItems(current, total, siblingCount) {
+	if (total <= 1) return [1];
+	const pages = /* @__PURE__ */ new Set([
+		1,
+		total,
+		current
+	]);
+	for (let i = 1; i <= siblingCount; i++) {
+		if (current - i > 1) pages.add(current - i);
+		if (current + i < total) pages.add(current + i);
+	}
+	const ordered = [...pages].sort((a, b) => a - b);
+	const items = [];
+	ordered.forEach((page, index) => {
+		if (index > 0 && page - ordered[index - 1] > 1) items.push(ELLIPSIS);
+		items.push(page);
+	});
+	return items;
+}
+function ChevronLeftIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 14 14",
+		width: "14",
+		height: "14",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M8.5 2.5 4 7l4.5 4.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function ChevronRightIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 14 14",
+		width: "14",
+		height: "14",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M5.5 2.5 10 7l-4.5 4.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function Pagination({ page, totalPages, getPageHref, labels, siblingCount = 1, className, previousIcon, nextIcon, renderItem }) {
+	if (totalPages <= 1) return null;
+	const items = buildPageItems(page, totalPages, siblingCount);
+	const isFirst = page <= 1;
+	const isLast = page >= totalPages;
+	const renderNavItem = ({ href, active, ariaLabel, rel, children }) => {
+		if (href && renderItem) return renderItem({
+			href,
+			active: Boolean(active),
+			ariaLabel,
+			rel,
+			children
+		});
+		return /* @__PURE__ */ jsx(PaginationItem, {
+			href,
+			active,
+			ariaLabel,
+			rel,
+			children
+		});
+	};
+	return /* @__PURE__ */ jsxs("nav", {
+		"aria-label": labels.nav,
+		className: cn("flex items-center gap-2", className),
+		children: [
+			renderNavItem({
+				href: isFirst ? void 0 : getPageHref(page - 1),
+				ariaLabel: labels.previous,
+				rel: "prev",
+				children: previousIcon ?? /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+			}),
+			items.map((item, idx) => item === ELLIPSIS ? /* @__PURE__ */ jsx("span", {
+				className: "flex size-9 items-center justify-center text-btn font-semibold text-secondary",
+				"aria-hidden": "true",
+				children: ELLIPSIS
+			}, `ellipsis-${idx}`) : /* @__PURE__ */ jsx("span", { children: renderNavItem({
+				href: getPageHref(item),
+				active: item === page,
+				ariaLabel: labels.pageLabel(item),
+				children: item
+			}) }, item)),
+			renderNavItem({
+				href: isLast ? void 0 : getPageHref(page + 1),
+				ariaLabel: labels.next,
+				rel: "next",
+				children: nextIcon ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
+			})
+		]
+	});
+}
+//#endregion
+export { Pagination, buildPageItems };
+
+//# sourceMappingURL=Pagination.mjs.map

package/dist/ui/components/Pagination/Pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","names":[],"sources":["../../../../src/ui/components/Pagination/Pagination.tsx"],"sourcesContent":["import { PaginationItem } from '../PaginationItem/PaginationItem.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ReactNode } from 'react'\n\nexport type PaginationLabels = {\n  nav: string\n  previous: string\n  next: string\n  pageLabel: (page: number) => string\n}\n\nexport type PaginationProps = {\n  page: number\n  totalPages: number\n  getPageHref: (page: number) => string\n  labels: PaginationLabels\n  siblingCount?: number\n  className?: string\n  /** Defaults to chevron SVGs. Override for branded icons. */\n  previousIcon?: ReactNode\n  nextIcon?: ReactNode\n  /**\n   * When true, page links render via Slot onto a single child you provide\n   * through a custom render — prefer wrapping with next/link in the app\n   * by mapping items yourself, or pass `renderItem`.\n   */\n  renderItem?: (props: {\n    href: string\n    active: boolean\n    ariaLabel: string\n    rel?: 'prev' | 'next'\n    children: ReactNode\n  }) => ReactNode\n}\n\nconst ELLIPSIS = '…'\ntype PageItem = number | typeof ELLIPSIS\n\nfunction buildPageItems(current: number, total: number, siblingCount: number): PageItem[] {\n  if (total <= 1) return [1]\n\n  const pages = new Set<number>([1, total, current])\n  for (let i = 1; i <= siblingCount; i++) {\n    if (current - i > 1) pages.add(current - i)\n    if (current + i < total) pages.add(current + i)\n  }\n\n  const ordered = [...pages].sort((a, b) => a - b)\n  const items: PageItem[] = []\n  ordered.forEach((page, index) => {\n    if (index > 0 && page - ordered[index - 1]! > 1) items.push(ELLIPSIS)\n    items.push(page)\n  })\n  return items\n}\n\nfunction ChevronLeftIcon() {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" fill=\"none\">\n      <path\n        d=\"M8.5 2.5 4 7l4.5 4.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction ChevronRightIcon() {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" fill=\"none\">\n      <path\n        d=\"M5.5 2.5 10 7l-4.5 4.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction Pagination({\n  page,\n  totalPages,\n  getPageHref,\n  labels,\n  siblingCount = 1,\n  className,\n  previousIcon,\n  nextIcon,\n  renderItem,\n}: PaginationProps) {\n  if (totalPages <= 1) return null\n\n  const items = buildPageItems(page, totalPages, siblingCount)\n  const isFirst = page <= 1\n  const isLast = page >= totalPages\n\n  const renderNavItem = ({\n    href,\n    active,\n    ariaLabel,\n    rel,\n    children,\n  }: {\n    href?: string\n    active?: boolean\n    ariaLabel: string\n    rel?: 'prev' | 'next'\n    children: ReactNode\n  }) => {\n    if (href && renderItem) {\n      return renderItem({\n        href,\n        active: Boolean(active),\n        ariaLabel,\n        rel,\n        children,\n      })\n    }\n\n    return (\n      <PaginationItem href={href} active={active} ariaLabel={ariaLabel} rel={rel}>\n        {children}\n      </PaginationItem>\n    )\n  }\n\n  return (\n    <nav aria-label={labels.nav} className={cn('flex items-center gap-2', className)}>\n      {renderNavItem({\n        href: isFirst ? undefined : getPageHref(page - 1),\n        ariaLabel: labels.previous,\n        rel: 'prev',\n        children: previousIcon ?? <ChevronLeftIcon />,\n      })}\n\n      {items.map((item, idx) =>\n        item === ELLIPSIS ? (\n          <span\n            key={`ellipsis-${idx}`}\n            className=\"flex size-9 items-center justify-center text-btn font-semibold text-secondary\"\n            aria-hidden=\"true\"\n          >\n            {ELLIPSIS}\n          </span>\n        ) : (\n          <span key={item}>\n            {renderNavItem({\n              href: getPageHref(item),\n              active: item === page,\n              ariaLabel: labels.pageLabel(item),\n              children: item,\n            })}\n          </span>\n        )\n      )}\n\n      {renderNavItem({\n        href: isLast ? undefined : getPageHref(page + 1),\n        ariaLabel: labels.next,\n        rel: 'next',\n        children: nextIcon ?? <ChevronRightIcon />,\n      })}\n    </nav>\n  )\n}\n\nexport { Pagination, buildPageItems }\n"],"mappings":";;;;AAoCA,MAAM,WAAW;AAGjB,SAAS,eAAe,SAAiB,OAAe,cAAkC;CACxF,IAAI,SAAS,GAAG,OAAO,CAAC,CAAC;CAEzB,MAAM,wBAAQ,IAAI,IAAY;EAAC;EAAG;EAAO;CAAO,CAAC;CACjD,KAAK,IAAI,IAAI,GAAG,KAAK,cAAc,KAAK;EACtC,IAAI,UAAU,IAAI,GAAG,MAAM,IAAI,UAAU,CAAC;EAC1C,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,UAAU,CAAC;CAChD;CAEA,MAAM,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC;CAC/C,MAAM,QAAoB,CAAC;CAC3B,QAAQ,SAAS,MAAM,UAAU;EAC/B,IAAI,QAAQ,KAAK,OAAO,QAAQ,QAAQ,KAAM,GAAG,MAAM,KAAK,QAAQ;EACpE,MAAM,KAAK,IAAI;CACjB,CAAC;CACD,OAAO;AACT;AAEA,SAAS,kBAAkB;CACzB,OACE,oBAAC,OAAD;EAAK,eAAY;EAAO,SAAQ;EAAY,OAAM;EAAK,QAAO;EAAK,MAAK;EACtE,UAAA,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAChB,CAAA;CACE,CAAA;AAET;AAEA,SAAS,mBAAmB;CAC1B,OACE,oBAAC,OAAD;EAAK,eAAY;EAAO,SAAQ;EAAY,OAAM;EAAK,QAAO;EAAK,MAAK;EACtE,UAAA,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAChB,CAAA;CACE,CAAA;AAET;AAEA,SAAS,WAAW,EAClB,MACA,YACA,aACA,QACA,eAAe,GACf,WACA,cACA,UACA,cACkB;CAClB,IAAI,cAAc,GAAG,OAAO;CAE5B,MAAM,QAAQ,eAAe,MAAM,YAAY,YAAY;CAC3D,MAAM,UAAU,QAAQ;CACxB,MAAM,SAAS,QAAQ;CAEvB,MAAM,iBAAiB,EACrB,MACA,QACA,WACA,KACA,eAOI;EACJ,IAAI,QAAQ,YACV,OAAO,WAAW;GAChB;GACA,QAAQ,QAAQ,MAAM;GACtB;GACA;GACA;EACF,CAAC;EAGH,OACE,oBAAC,gBAAD;GAAsB;GAAc;GAAmB;GAAgB;GACpE;EACa,CAAA;CAEpB;CAEA,OACE,qBAAC,OAAD;EAAK,cAAY,OAAO;EAAK,WAAW,GAAG,2BAA2B,SAAS;EAA/E,UAAA;GACG,cAAc;IACb,MAAM,UAAU,SAAY,YAAY,OAAO,CAAC;IAChD,WAAW,OAAO;IAClB,KAAK;IACL,UAAU,gBAAgB,oBAAC,iBAAD,CAAkB,CAAA;GAC9C,CAAC;GAEA,MAAM,KAAK,MAAM,QAChB,SAAS,WACP,oBAAC,QAAD;IAEE,WAAU;IACV,eAAY;IAEX,UAAA;GACG,GALC,YAAY,KAKb,IAEN,oBAAC,QAAD,EAAA,UACG,cAAc;IACb,MAAM,YAAY,IAAI;IACtB,QAAQ,SAAS;IACjB,WAAW,OAAO,UAAU,IAAI;IAChC,UAAU;GACZ,CAAC,EACG,GAPK,IAOL,CAEV;GAEC,cAAc;IACb,MAAM,SAAS,SAAY,YAAY,OAAO,CAAC;IAC/C,WAAW,OAAO;IAClB,KAAK;IACL,UAAU,YAAY,oBAAC,kBAAD,CAAmB,CAAA;GAC3C,CAAC;EACE;;AAET"}

package/dist/ui/components/Pagination/index.d.mts

@@ -0,0 +1,2 @@
+import { Pagination, PaginationLabels, PaginationProps, buildPageItems } from "./Pagination.mjs";
+export { Pagination, type PaginationLabels, type PaginationProps, buildPageItems };

package/dist/ui/components/Pagination/index.mjs

@@ -0,0 +1,2 @@
+import { Pagination, buildPageItems } from "./Pagination.mjs";
+export { Pagination, buildPageItems };

package/dist/ui/components/PaginationItem/PaginationItem.d.mts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+//#region src/ui/components/PaginationItem/PaginationItem.d.ts
+type PaginationItemProps = {
+  href?: string;
+  active?: boolean;
+  ariaLabel: string;
+  rel?: 'prev' | 'next';
+  asChild?: boolean;
+  className?: string;
+  children: ReactNode;
+};
+declare function PaginationItem({ href, active, ariaLabel, rel, asChild, className, children }: PaginationItemProps): import("react").JSX.Element;
+//#endregion
+export { PaginationItem, PaginationItemProps };
+//# sourceMappingURL=PaginationItem.d.mts.map

package/dist/ui/components/PaginationItem/PaginationItem.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.d.mts","names":[],"sources":["../../../../src/ui/components/PaginationItem/PaginationItem.tsx"],"mappings":";;KAQY;EACV;EACA;EACA;EACA;EACA;EACA;EACA,UAAU;;iBAGH,iBACP,MACA,QACA,WACA,KACA,SACA,WACA,YACC,sCAAmB,IAAA"}

package/dist/ui/components/PaginationItem/PaginationItem.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/ui/components/PaginationItem/PaginationItem.tsx
+function PaginationItem({ href, active = false, ariaLabel, rel, asChild = false, className, children }) {
+	const cls = cn("flex size-9 items-center justify-center rounded-btn text-btn font-semibold transition-colors", active ? "bg-accent text-accent-foreground" : "border border-border bg-card text-secondary", href ? "cursor-pointer hover:text-foreground" : "cursor-not-allowed opacity-40", className);
+	if (!href) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		disabled: true,
+		className: cls,
+		"aria-label": ariaLabel,
+		children
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		className: cls,
+		"aria-label": ariaLabel,
+		"aria-current": active ? "page" : void 0,
+		rel,
+		children
+	});
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		"aria-label": ariaLabel,
+		"aria-current": active ? "page" : void 0,
+		rel,
+		className: cls,
+		children
+	});
+}
+//#endregion
+export { PaginationItem };
+
+//# sourceMappingURL=PaginationItem.mjs.map