@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/types/float-button/FloatButtonGroup.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { FloatButtonGroupProps } from "./types";
+export type { FloatButtonGroupProps };
+/**
+ * Faz 16.6 — FloatButton.Group: birden çok yüzen düğme. `trigger` yoksa hep
+ * görünür bir sütun (kare şekilde tek kart gibi birleşik); `trigger`
+ * verilirse ana düğme menüyü açar (`aria-expanded`), Escape/dışarı tıklama
+ * kapatır ve odak ana düğmeye döner.
+ */
+export declare function FloatButtonGroup(props: FloatButtonGroupProps): React.JSX.Element;
+//# sourceMappingURL=FloatButtonGroup.d.ts.map

package/dist/types/float-button/FloatButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/float-button/FloatButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAOxD,OAAO,KAAK,EAA6B,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhF,YAAY,EAAE,qBAAqB,EAAE,CAAC;AA8FtC;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAoB5D"}

package/dist/types/float-button/index.d.ts

@@ -0,0 +1,5 @@
+export { FloatButton } from "./FloatButton";
+export { FloatButtonGroup } from "./FloatButtonGroup";
+export { BackTop } from "./BackTop";
+export type { FloatButtonProps, FloatButtonGroupProps, FloatButtonGroupMenuProps, FloatButtonGroupStaticProps, BackTopProps, FloatButtonShape, FloatButtonPlacement, FloatButtonBadge } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/float-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/float-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/float-button/types.d.ts

@@ -0,0 +1,73 @@
+import type React from "react";
+import type { ColorRole } from "@mari-ui/core";
+import type { SkeletonableProps } from "../lib/skeleton";
+export type FloatButtonShape = "circle" | "square";
+export type FloatButtonPlacement = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+export interface FloatButtonBadge {
+    count?: number | string;
+    dot?: boolean;
+    color?: ColorRole;
+}
+export interface FloatButtonProps extends SkeletonableProps {
+    icon?: React.ReactNode;
+    /** İkonun altında kısa metin (yalnız `square`); verilirse erişilebilir ad da odur. */
+    description?: React.ReactNode;
+    /** Üzerine gelince/odakta ipucu. Verilmezse ve `description` yoksa `aria-label` zorunlu. */
+    tooltip?: React.ReactNode;
+    /** Verilmezse yüzey rengi (nötr); verilirse rolün dolu rengi (ör. `primary` = ana eylem). */
+    color?: ColorRole;
+    /** Varsayılan: `circle`. Grupta grubun şekli geçerli. */
+    shape?: FloatButtonShape;
+    /** Sayı ya da nokta rozeti (okunmamış mesaj gibi). */
+    badge?: FloatButtonBadge;
+    /** Bağlantı olarak çizilir. */
+    href?: string;
+    target?: React.HTMLAttributeAnchorTarget;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Tek başına kullanımda ekrandaki köşe. Varsayılan: `bottom-right`. Grupta
+     * yok sayılır (grup konumlanır).
+     */
+    placement?: FloatButtonPlacement;
+    "aria-label"?: string;
+    className?: string;
+}
+interface FloatButtonGroupBaseProps extends SkeletonableProps {
+    /** Varsayılan: `circle`. Kare grup tek bir kart gibi birleşik çizilir. */
+    shape?: FloatButtonShape;
+    /** Varsayılan: `bottom-right`. */
+    placement?: FloatButtonPlacement;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface FloatButtonGroupStaticProps extends FloatButtonGroupBaseProps {
+    /** Verilmezse düğmeler hep görünür, alt alta. */
+    trigger?: undefined;
+}
+export interface FloatButtonGroupMenuProps extends FloatButtonGroupBaseProps {
+    /** Ana düğme menüyü açar/kapatır; düğmeler onun üstünde (ya da altında) açılır. */
+    trigger: "click" | "hover";
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Ana düğmenin ikonu (kapalıyken). Açıkken kapat (×) ikonu. */
+    icon?: React.ReactNode;
+    /** Ana düğmenin erişilebilir adı. Varsayılan: "Hızlı işlemler". */
+    "aria-label"?: string;
+    color?: ColorRole;
+    tooltip?: React.ReactNode;
+}
+export type FloatButtonGroupProps = FloatButtonGroupStaticProps | FloatButtonGroupMenuProps;
+export interface BackTopProps extends Omit<FloatButtonProps, "href" | "target" | "description"> {
+    /** Bu kadar kaydırılınca görünür (px). Varsayılan: 400. */
+    visibilityHeight?: number;
+    /** Kaydırılan öğe. Varsayılan: pencere. */
+    target?: () => HTMLElement | null;
+    /**
+     * Başa dönünce odak buraya taşınır — düğme gizlenince odak kaybolmasın.
+     * Varsayılan: hedefin (ya da sayfanın) ilk `h1`i, yoksa `main`, yoksa hedefin kendisi.
+     */
+    focusTarget?: () => HTMLElement | null;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/float-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/float-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7F,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sFAAsF;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6FAA6F;IAC7F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yDAAyD;IACzD,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,yBAA0B,SAAQ,iBAAiB;IAC3D,0EAA0E;IAC1E,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,kCAAkC;IAClC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,2BAA4B,SAAQ,yBAAyB;IAC5E,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;IAC1E,mFAAmF;IACnF,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,yBAAyB,CAAC;AAE5F,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAC;IAC7F,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CACxC"}

package/dist/types/float-button/utils.d.ts

@@ -0,0 +1,14 @@
+import type { FloatButtonPlacement } from "./types";
+/**
+ * Faz 16.6 — FloatButton'ın saf yardımcıları. Konum: ekranın köşesine
+ * sabit, kenardan 1.5rem; çentikli telefonlarda güvenli alan (safe-area)
+ * eklenir — düğme ana ekran çubuğunun altında kalmasın.
+ */
+export declare const PLACEMENT_CLASS: Record<FloatButtonPlacement, string>;
+/** Menü hangi yöne açılır: alttaki grup yukarı, üstteki aşağı. */
+export declare const opensUpward: (placement: FloatButtonPlacement) => boolean;
+/** BackTop görünürlüğü. */
+export declare const shouldShowBackTop: (scrollTop: number, visibilityHeight: number) => boolean;
+/** Başa döndükten sonra odaklanacak öğe: ilk h1 → main → kök. */
+export declare function defaultFocusTarget(root: HTMLElement | Document): HTMLElement | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/float-button/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/float-button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAKhE,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,WAAW,GAAI,WAAW,oBAAoB,YAAmC,CAAC;AAE/F,2BAA2B;AAC3B,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,EAAE,kBAAkB,MAAM,YAAkC,CAAC;AAEhH,iEAAiE;AACjE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CAGnF"}

package/dist/types/foundations/PersonaDocs.d.ts

@@ -0,0 +1,11 @@
+/** Sayfa başlığının altındaki "şu an gösterilen" satırı. */
+export declare function PersonaNote(): import("react").JSX.Element;
+export declare function SemanticPalette(): import("react").JSX.Element;
+export declare function CanvasTable(): import("react").JSX.Element;
+export declare function ContrastTable(): import("react").JSX.Element;
+/** Kişiliğin üç font ailesi, kendi fontlarıyla örnek satır. */
+export declare function FontFamilies(): import("react").JSX.Element;
+export declare function RadiusTable(): import("react").JSX.Element;
+/** Kişiliğin boşluk yoğunluğu (`--spacing` tabanı). */
+export declare function SpacingDensityNote(): import("react").JSX.Element;
+//# sourceMappingURL=PersonaDocs.d.ts.map

package/dist/types/foundations/PersonaDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaDocs.d.ts","sourceRoot":"","sources":["../../../src/foundations/PersonaDocs.tsx"],"names":[],"mappings":"AAiBA,4DAA4D;AAC5D,wBAAgB,WAAW,gCAQ1B;AAED,wBAAgB,eAAe,gCAgB9B;AAED,wBAAgB,WAAW,gCAc1B;AAED,wBAAgB,aAAa,gCAmB5B;AAED,+DAA+D;AAC/D,wBAAgB,YAAY,gCAoB3B;AAaD,wBAAgB,WAAW,gCAsB1B;AAED,uDAAuD;AACvD,wBAAgB,kBAAkB,gCAQjC"}

package/dist/types/foundations/usePersonaTheme.d.ts

@@ -0,0 +1,17 @@
+/**
+ * YALNIZ DOKÜMAN İÇİN (Faz 21). Storybook araç çubuğundaki Kişilik seçimi
+ * `<html data-persona>`e yazılır ve bu olay yayınlanır (`apps/docs/.storybook/withPersona.tsx`).
+ * MDX sayfalarında dekoratör çalışmadığı için Foundations sayfaları seçimi buradan okur.
+ */
+export declare const PERSONA_EVENT = "mari-ui:persona";
+export declare function usePersonaTheme(): {
+    light: import("@mari-ui/tokens").Theme;
+    dark: import("@mari-ui/tokens").Theme;
+    radiusDensity: import("@mari-ui/tokens").RadiusDensity;
+    spacingDensity: import("@mari-ui/tokens").SpacingDensity;
+    fluidRootMax: number | null;
+    themes: Record<string, import("@mari-ui/tokens").Theme>;
+    persona: "corporate" | "playful" | "minimal" | "editorial" | "luxury" | undefined;
+    label: string;
+};
+//# sourceMappingURL=usePersonaTheme.d.ts.map

package/dist/types/foundations/usePersonaTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersonaTheme.d.ts","sourceRoot":"","sources":["../../../src/foundations/usePersonaTheme.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAQ/C,wBAAgB,eAAe;;;;;;;;;EAU9B"}

package/dist/types/image/Image.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { ImageProps } from "./types";
+export type { ImageProps };
+/**
+ * Faz 16.7 — yapı ant.design Image'dan (progressive loading: önce düşük
+ * çözünürlüklü/bulanık ön izleme, asıl görsel yüklenince yumuşak geçiş;
+ * `fallback`; `preview`), görünüm token'lardan. Framework'e bağlı değil: düz
+ * `<img>` (`loading="lazy"`, `decoding="async"`, `srcSet`/`sizes`); CDN ve
+ * boyutlandırma `loader` ile, `next/image`'a gerek yok.
+ *
+ * Dış kutu yeri önceden ayırır (`aspectRatio` ya da `width`/`height`) →
+ * yüklenince sayfa kaymaz. `preview` ile kutu bir düğme olur ve tam ekran
+ * `ImageViewer` açılır.
+ */
+export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+//# sourceMappingURL=Image.d.ts.map

package/dist/types/image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/image/Image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAA6C,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrF,YAAY,EAAE,UAAU,EAAE,CAAC;AAwC3B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,qFA6HhB,CAAC"}

package/dist/types/image/ImageGallery.d.ts

@@ -0,0 +1,82 @@
+import React from "react";
+import { type InfiniteScrollOptions } from "../lib/infiniteScroll";
+import { type SkeletonableProps } from "../lib/skeleton";
+import { type ImageViewerItem, type ImageViewerProps } from "./ImageViewer";
+import type { ImageLoader, ImageSource } from "./types";
+import { type GalleryView } from "./galleryUtils";
+export type { GalleryView };
+export interface ImageGalleryItem {
+    key: React.Key;
+    /** Tam çözünürlüklü kaynak (video için video adresi). */
+    src: ImageSource;
+    alt: string;
+    /** Çekim tarihi — bölümler buna göre. Hiçbir öğede yoksa galeri tek düz ızgaradır. */
+    date?: Date | null;
+    /** Varsayılan: `"image"`. */
+    type?: "image" | "video";
+    /** Video kapak görseli (ızgarada ve görüntüleyicide) — hazır adres, `loader`dan geçmez. */
+    poster?: string;
+    /** Video süresi (sn) — küçük resmin köşesinde. */
+    duration?: number;
+    /** Izgarada `src` yerine gösterilecek küçük kaynak (CDN `loader`ı yoksa önerilir). */
+    thumbnail?: ImageSource;
+    caption?: React.ReactNode;
+    tracks?: Exclude<ImageViewerItem["tracks"], undefined>;
+}
+export interface ImageGalleryProps extends SkeletonableProps {
+    items: ImageGalleryItem[];
+    /** Bölümleme: `day` / `month` / `year` başlıklı, `all` başlıksız tek ızgara. Varsayılan: `"day"`. */
+    view?: GalleryView;
+    defaultView?: GalleryView;
+    onViewChange?: (view: GalleryView) => void;
+    /** Araç çubuğundaki görünüm seçenekleri (sırasıyla). Varsayılan: Yıllar, Aylar, Günler, Tümü. */
+    views?: GalleryView[];
+    /** Sütun sayısı. `"auto"`: genişlik ve görünüme göre (gün iri, yıl sık). Varsayılan: `"auto"`. */
+    columns?: number | "auto";
+    defaultColumns?: number | "auto";
+    onColumnsChange?: (columns: number | "auto") => void;
+    /** Küçük resimler arası boşluk (px, kıl payı). Varsayılan: `2`. */
+    gap?: number;
+    loader?: ImageLoader;
+    /** Araç çubuğu (görünüm, sütun, seçim). Varsayılan: `true`. */
+    toolbar?: boolean;
+    /** Araç çubuğunun solundaki başlık. */
+    title?: React.ReactNode;
+    /** Bölüm başlıklarının düzeyi. Varsayılan: `3`. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    /** Sona yaklaşınca sonraki sayfayı ister (sanallaştırmayla birlikte çalışır). */
+    infinite?: InfiniteScrollOptions;
+    /** Araç çubuğunda "Seç" düğmesi; dokunmatikte uzun basış da seçim moduna alır. */
+    selectable?: boolean;
+    selectionMode?: boolean;
+    defaultSelectionMode?: boolean;
+    onSelectionModeChange?: (active: boolean) => void;
+    selectedKeys?: React.Key[];
+    defaultSelectedKeys?: React.Key[];
+    onSelectionChange?: (keys: React.Key[]) => void;
+    /** Seçim modunda araç çubuğuna eklenecek eylemler (paylaş, sil…). */
+    selectionActions?: (keys: React.Key[]) => React.ReactNode;
+    /** Görüntüleyicinin üst çubuğuna ek eylemler. */
+    viewerActions?: Exclude<ImageViewerProps["actions"], undefined>;
+    /** Tarih biçimi. Varsayılan: `"tr-TR"`. */
+    locale?: string;
+    /** Öğe yokken. Varsayılan: "Henüz fotoğraf yok". */
+    emptyText?: React.ReactNode;
+    "aria-label"?: string;
+    className?: string;
+}
+/**
+ * Faz 16.7 — fotoğraf/video galerisi. Yapı iPhone Fotoğraflar'dan: kare
+ * küçük resimler kıl payı aralıkla, tarihe göre bölümler ve Yıllar / Aylar /
+ * Günler / Tümü görünümleri (üst görünümün başlığına tıklayınca bir alta
+ * inilir), sütun sayısı değiştirilebilir, seçim modu (uzun basış, Shift ile
+ * aralık), tam ekran `ImageViewer` (video dahil). Binlerce öğe için sanal:
+ * yalnız görünen satırlar DOM'da; `infinite` ile sonraki sayfalar istenir.
+ *
+ * Erişilebilirlik: APG `grid` — tek sekme durağı, ok tuşları / Home / End /
+ * PageUp / PageDown ile gezinme (sanallaştırmada da: hedef satır render edilip
+ * odaklanır), `aria-rowcount`/`aria-rowindex`; seçim modunda
+ * `aria-multiselectable` + `aria-selected`.
+ */
+export declare function ImageGallery({ items, view: viewProp, defaultView, onViewChange, views, columns: columnsProp, defaultColumns, onColumnsChange, gap, loader, toolbar, title, headingLevel, infinite, selectable, selectionMode: selectionModeProp, defaultSelectionMode, onSelectionModeChange, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, selectionActions, viewerActions, locale, emptyText, skeleton, "aria-label": ariaLabel, className, }: Readonly<ImageGalleryProps>): React.JSX.Element;
+//# sourceMappingURL=ImageGallery.d.ts.map

package/dist/types/image/ImageGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGallery.d.ts","sourceRoot":"","sources":["../../../src/image/ImageGallery.tsx"],"names":[],"mappings":"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"}

package/dist/types/image/ImageViewer.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+import type { ImageLoader, ImageSource } from "./types";
+export interface ImageViewerItem {
+    key: React.Key;
+    /** Tam çözünürlüklü kaynak (video için video adresi). */
+    src: ImageSource;
+    alt: string;
+    /** Asıl görsel yüklenene kadar altta gösterilen küçük boy; alt şeritte de kullanılır. */
+    thumbnail?: string;
+    caption?: React.ReactNode;
+    /** Varsayılan: `"image"`. Videoda yakınlaştırma yoktur, yerel oynatıcı denetimleri kullanılır. */
+    type?: "image" | "video";
+    /** Video kapak görseli. */
+    poster?: string;
+    /** Video altyazı/açıklama izleri (WebVTT). Konuşma içeren videolarda verin. */
+    tracks?: {
+        src: string;
+        srcLang: string;
+        label: string;
+        kind?: "captions" | "subtitles" | "descriptions";
+        default?: boolean;
+    }[];
+}
+export interface ImageViewerProps {
+    items: ImageViewerItem[];
+    open: boolean;
+    onClose: () => void;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    loader?: ImageLoader;
+    /**
+     * Bir öğenin sayfadaki küçük resmi (genelde tetikleyici düğme): açılış/kapanış
+     * o kutudan büyüyerek/küçülerek olur, kapanınca odak ona döner.
+     */
+    getOriginElement?: (index: number) => HTMLElement | null | undefined;
+    /** Alt şerit. Varsayılan: birden fazla öğe varsa. */
+    thumbnails?: boolean;
+    /** Üst çubuğa ek eylemler (paylaş, sil…). */
+    actions?: (item: ImageViewerItem, index: number) => React.ReactNode;
+    "aria-label"?: string;
+}
+/** Küçük resim adresi: verilen `thumbnail` → `loader` küçük boy → kaynağın kendisi. */
+export declare function viewerThumbnail(item: ImageViewerItem, loader: ImageLoader | undefined, width?: number): string | undefined;
+/**
+ * Faz 16.7 — tam ekran görsel/video görüntüleyici. Yapı iPhone Fotoğraflar'dan:
+ * küçük resimden büyüyerek açılış, yana kaydırarak geçiş, aşağı çekerek kapatma,
+ * iki parmak / tekerlek / çift dokunuşla yakınlaştırma + kaydırma, dokununca
+ * araç çubuklarını gizleme, alt şerit. Görünüm token'lardan (arka plan =
+ * `mari-surface`: açık temada beyaz, koyu temada koyu — iPhone gibi).
+ * `Image`'ın `preview`'ı ve `ImageGallery` bunu kullanır.
+ */
+export declare function ImageViewer({ items, open, onClose, index: indexProp, defaultIndex, onIndexChange, loader, getOriginElement, thumbnails, actions, "aria-label": ariaLabel, }: ImageViewerProps): React.ReactPortal | null;
+//# sourceMappingURL=ImageViewer.d.ts.map

package/dist/types/image/ImageViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageViewer.d.ts","sourceRoot":"","sources":["../../../src/image/ImageViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAMzF,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAoBxD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;IACf,yDAAyD;IACzD,GAAG,EAAE,WAAW,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CACjI;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACrE,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAiDD,uFAAuF;AACvF,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,EAAE,KAAK,SAAM,GAAG,MAAM,GAAG,SAAS,CAMvH;AAkFD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAgB,EAChB,aAAa,EACb,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,YAAY,EAAE,SAAkC,GACjD,EAAE,gBAAgB,4BAygBlB"}

package/dist/types/image/galleryUtils.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Faz 16.7 — ImageGallery'nin saf mantığı: tarihe göre bölümleme, sütun
+ * sayısı, sanal yerleşim (satır konumları), görünür aralık ve ızgara tuşları.
+ * DOM'a dokunmaz → test edilebilir.
+ */
+export type GalleryView = "all" | "day" | "month" | "year";
+export interface GalleryEntry<T> {
+    item: T;
+    /** Bölümlenmiş (düz) sıradaki yeri — görüntüleyici ve seçim bu sırayı kullanır. */
+    index: number;
+}
+export interface GallerySection<T> {
+    key: string;
+    /** Bölümün ilk öğesinin tarihi (başlık için). Tarihsiz bölümde `null`. */
+    date: Date | null;
+    entries: GalleryEntry<T>[];
+}
+export declare function sectionKey(date: Date | null | undefined, view: GalleryView): string;
+/**
+ * Öğeleri görünüme göre bölümler. Sıra korunur (tüketici zaten tarihe göre
+ * sıralar); aynı anahtara düşen ayrık öğeler ilk görüldükleri bölüme toplanır.
+ */
+export declare function groupItems<T>(items: readonly T[], view: GalleryView, getDate: (item: T) => Date | null | undefined): GallerySection<T>[];
+/** Görünüme göre hedef küçük resim genişliği (px): gün iri, yıl sık — iPhone gibi. */
+export declare const TARGET_TILE: Record<GalleryView, number>;
+export declare const MIN_COLUMNS = 2;
+export declare const MAX_COLUMNS = 16;
+export declare const clampColumns: (n: number) => number;
+export declare function autoColumns(width: number, view: GalleryView, gap: number): number;
+export type GalleryRow = {
+    kind: "header";
+    section: number;
+    top: number;
+    height: number;
+}
+/** `start`..`end` (dahil değil) düz dizinler. */
+ | {
+    kind: "items";
+    section: number;
+    start: number;
+    end: number;
+    top: number;
+    height: number;
+};
+export interface GalleryLayout {
+    rows: GalleryRow[];
+    height: number;
+    cell: number;
+    columns: number;
+    /** Düz dizin → satır numarası. */
+    rowOf: number[];
+}
+export declare function buildLayout(sections: readonly GallerySection<unknown>[], { width, columns, gap, headerHeight }: {
+    width: number;
+    columns: number;
+    gap: number;
+    headerHeight: number;
+}): GalleryLayout;
+/** `[viewTop, viewBottom]` (galeriye göre px) ile kesişen satırlar + her iki yanda `overscan` satır. */
+export declare function visibleRows(rows: readonly GalleryRow[], viewTop: number, viewBottom: number, overscan?: number): [number, number];
+/** Render edilecek satırlar: görünen aralık + (dışındaysa) odaktaki satır — odak sanallaştırmada kaybolmasın. */
+export declare function renderedRows([first, last]: [number, number], total: number, activeRow: number | undefined): number[];
+/**
+ * Izgara tuşları → yeni düz dizin. ←/→ sıradaki öğe (bölüm sınırını aşar),
+ * ↑/↓ aynı sütun bir üst/alt öğe satırı (bölüm atlanırsa sütun kısalan
+ * satıra kırpılır), Home/End satır başı/sonu, Ctrl+Home/End ilk/son,
+ * PageUp/PageDown `pageRows` öğe satırı. Uygun değilse `null`.
+ */
+export declare function galleryKeyStep(layout: GalleryLayout, index: number, key: string, ctrl: boolean, pageRows?: number): number | null;
+/** Hücrede basılan tuş: Enter/Space → `"activate"`, gezinme → yeni dizin, değilse `null`. */
+export declare function gridKeyIntent(layout: GalleryLayout, index: number, key: string, ctrl: boolean, pageRows: number): "activate" | number | null;
+/** Shift ile aralık seçimi: `anchor`..`index` (dahil) düz dizinleri. */
+export declare function rangeIndexes(anchor: number, index: number): number[];
+/** Video süresi: 75 → "1:15", 3725 → "1:02:05". */
+export declare function formatDuration(seconds: number): string;
+/** Bölüm başlığı: gün → "Bugün" / "Dün" / "28 Eylül 2026 Pazartesi", ay → "Eylül 2026", yıl → "2026". */
+export declare function sectionLabel(date: Date | null, view: GalleryView, locale?: string, now?: Date): string;
+/** Bir üst görünümün başlığına tıklayınca inilecek görünüm (yıl → ay → gün). */
+export declare const DRILL_DOWN: Partial<Record<GalleryView, GalleryView>>;
+/**
+ * Üst görünümde bir bölüm başlığına tıklanınca: inilecek görünüm ve o
+ * bölümün ilk öğesinin YENİ görünümdeki düz dizini (yeniden bölümlemede
+ * sıra değişebilir → anahtar yerine öğenin kendisiyle bulunur).
+ */
+export declare function drillDownTarget<T>(items: readonly T[], sections: readonly GallerySection<T>[], view: GalleryView, sectionIndex: number, getDate: (item: T) => Date | null | undefined): {
+    view: GalleryView;
+    index: number;
+} | null;
+//# sourceMappingURL=galleryUtils.d.ts.map

package/dist/types/image/galleryUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"galleryUtils.d.ts","sourceRoot":"","sources":["../../../src/image/galleryUtils.ts"],"names":[],"mappings":"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"}

package/dist/types/image/index.d.ts

@@ -0,0 +1,7 @@
+export { Image } from "./Image";
+export { ImageViewer, viewerThumbnail } from "./ImageViewer";
+export type { ImageViewerItem, ImageViewerProps } from "./ImageViewer";
+export type { ImageProps, ImageSource, ImageStaticSource, ImageLoader, ImageLoaderParams, ImageFit, ImagePreviewConfig, } from "./types";
+export { ImageGallery } from "./ImageGallery";
+export type { ImageGalleryItem, ImageGalleryProps, GalleryView } from "./ImageGallery";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACvE,YAAY,EACV,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/types/image/types.d.ts

@@ -0,0 +1,78 @@
+import type React from "react";
+import type { SkeletonableProps } from "../lib/skeleton";
+/**
+ * Statik import edilmiş görsel. Next'in `StaticImageData`'sı bu şekle uyar
+ * (`import hero from "./hero.jpg"` → `{ src, width, height, blurDataURL }`),
+ * ama `next`'ten hiçbir şey import edilmez.
+ */
+export interface ImageStaticSource {
+    src: string;
+    width?: number;
+    height?: number;
+    /** Küçük bulanık ön izleme (genelde `data:` URL) — `placeholder` için kendiliğinden kullanılır. */
+    blurDataURL?: string;
+}
+export type ImageSource = string | ImageStaticSource;
+export interface ImageLoaderParams {
+    src: string;
+    /** İstenen piksel genişliği. */
+    width: number;
+    quality?: number;
+}
+/**
+ * Kaynak + genişlik → gerçek URL. CDN ve boyutlandırma burada çözülür; `srcSet`
+ * adayları ve bulanık ön izleme de bununla üretilir. Uygulamanın kendi
+ * asset/CDN adres fonksiyonuyla birleşir:
+ * `({ src, width }) => \`${asset(src)}?w=${width}\``.
+ */
+export type ImageLoader = (params: ImageLoaderParams) => string;
+export type ImageFit = "cover" | "contain" | "fill" | "none" | "scale-down";
+export interface ImagePreviewConfig {
+    /** Önizlemede gösterilecek (genelde daha yüksek çözünürlüklü) kaynak. Varsayılan: `src`. */
+    src?: ImageSource;
+    /** Görüntüleyicide görselin altındaki açıklama. */
+    caption?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+type NativeImgProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "srcSet" | "width" | "height" | "placeholder" | "loading" | "alt" | "children">;
+export interface ImageProps extends NativeImgProps, SkeletonableProps {
+    src: ImageSource | null | undefined;
+    /** Zorunlu. Süs görselse `alt=""` verin (ekran okuyucu atlar). */
+    alt: string;
+    /** Sayı = px (açık kaçış), string = herhangi bir CSS uzunluğu (`"100%"`, `"12rem"`). */
+    width?: number | string;
+    height?: number | string;
+    /**
+     * Yer önceden ayrılsın (yüklenince sayfa kaymasın): `"4/3"`, `1.5`.
+     * Verilmezse sayısal `width`/`height`ten (ya da statik kaynağın boyutundan) çıkarılır.
+     */
+    aspectRatio?: number | string;
+    /** `object-fit`. Varsayılan: `"cover"`. */
+    fit?: ImageFit;
+    loader?: ImageLoader;
+    /** `srcSet` aday genişlikleri (yalnız `loader` varken). Sayısal `width` varsa 1x/2x kullanılır. */
+    widths?: number[];
+    sizes?: string;
+    quality?: number;
+    /**
+     * Yüklenirken gösterilen:
+     * - `true`: bulanık ön izleme (`blurDataURL` ya da `loader` ile küçük boy), yoksa parıltı,
+     * - string: bu düşük çözünürlüklü URL bulanık gösterilir,
+     * - node: özel içerik.
+     * Asıl görsel yüklenince yumuşak geçişle üstüne gelir. Varsayılan: `blurDataURL` varsa `true`.
+     */
+    placeholder?: boolean | string | React.ReactNode;
+    /** Yüklenemezse: URL (yedek görsel) ya da node. Varsayılan: ikon + "Görsel yüklenemedi". */
+    fallback?: string | React.ReactNode;
+    /** Ekrana yakın olana kadar yükleme. Varsayılan: `"lazy"`. */
+    loading?: "lazy" | "eager";
+    /** Ekranın ilk görünen kısmındaki (LCP) görsel: hemen ve yüksek öncelikle yükler. */
+    priority?: boolean;
+    /** Tıklayınca tam ekran görüntüleyicide açılır. */
+    preview?: boolean | ImagePreviewConfig;
+    /** Dış kutunun sınıfı (radius, kenarlık, boyut). `className` `<img>`'ye gider. */
+    wrapperClassName?: string;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/image/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mGAAmG;IACnG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,iBAAiB,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,iBAAiB,KAAK,MAAM,CAAC;AAEhE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAE5E,MAAM,WAAW,kBAAkB;IACjC,4FAA4F;IAC5F,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CACvF,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,iBAAiB;IACnE,GAAG,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,kEAAkE;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,2CAA2C;IAC3C,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjD,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IACvC,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/types/image/utils.d.ts

@@ -0,0 +1,54 @@
+import type React from "react";
+import type { ImageLoader, ImageSource, ImageStaticSource } from "./types";
+/** `srcSet` için varsayılan aday genişlikler (yaygın cihaz genişlikleri). */
+export declare const DEFAULT_WIDTHS: number[];
+/** Bulanık ön izleme için `loader`dan istenen küçük boy. */
+export declare const BLUR_WIDTH = 24;
+export declare function normalizeSource(src: ImageSource | null | undefined): ImageStaticSource | null;
+export interface ResolvedImage {
+    src: string;
+    srcSet?: string;
+}
+/**
+ * Asıl `<img>` adresleri.
+ * - `loader` yoksa: kaynak olduğu gibi, `srcSet` yok.
+ * - Sayısal `width` varsa: 1x/2x yoğunluk adayları (sabit boyutlu görsel).
+ * - Yoksa: `widths` genişlik adayları (`sizes` ile duyarlı görsel).
+ */
+export declare function resolveImage(source: ImageStaticSource, { loader, width, widths, quality }: {
+    loader?: ImageLoader;
+    width?: number | string;
+    widths?: number[];
+    quality?: number;
+}): ResolvedImage;
+/** `placeholder` → bulanık ön izleme URL'si (yoksa `null`: parıltı ya da özel node). */
+export declare function resolveBlurSource(placeholder: unknown, source: ImageStaticSource, loader: ImageLoader | undefined): string | null;
+/**
+ * Dış kutunun boyutu. Öncelik: açık `aspectRatio` → sayısal `width`/`height` oranı
+ * → statik kaynağın kendi boyutu. Oran varsa ve yalnız biri verilmişse diğeri
+ * orandan gelir; hiç boyut yoksa kutu kabın genişliğini alır.
+ */
+export declare function getBoxStyle({ width, height, aspectRatio, source, }: {
+    width?: number | string;
+    height?: number | string;
+    aspectRatio?: number | string;
+    source?: ImageStaticSource | null;
+}): React.CSSProperties;
+/** `<img>`ye gidecek boyut/öncelik öznitelikleri (tarayıcı oranı önceden bilsin, LCP görseli öne alınsın). */
+export declare function imgAttributes({ width, height, source, srcSet, sizes, priority, loading, fetchPriority, }: {
+    width?: number | string;
+    height?: number | string;
+    source: ImageStaticSource | null;
+    srcSet?: string;
+    sizes?: string;
+    priority: boolean;
+    loading: "lazy" | "eager";
+    fetchPriority?: "high" | "low" | "auto";
+}): {
+    width: number | undefined;
+    height: number | undefined;
+    sizes: string | undefined;
+    loading: "lazy" | "eager";
+    fetchPriority: "auto" | "high" | "low" | undefined;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/image/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/image/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE3E,6EAA6E;AAC7E,eAAO,MAAM,cAAc,UAA0C,CAAC;AACtE,4DAA4D;AAC5D,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,wBAAgB,eAAe,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,iBAAiB,GAAG,IAAI,CAI7F;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,iBAAiB,EACzB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAuB,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1I,aAAa,CASf;AAED,wFAAwF;AACxF,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,OAAO,EACpB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,WAAW,GAAG,SAAS,GAC9B,MAAM,GAAG,IAAI,CAMf;AAYD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,WAAW,EACX,MAAM,GACP,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;CACnC,GAAG,KAAK,CAAC,aAAa,CAgBtB;AAED,8GAA8G;AAC9G,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,aAAa,GACd,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;CACzC;;;;;;EAYA"}