@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/types/checkbox/types.d.ts

@@ -0,0 +1,35 @@
+import type React from "react";
+import type { ColorRole, SlotClassNames, Size, Variant } from "@mari-ui/core";
+import type { SkeletonableProps } from "../lib/skeleton";
+export type CheckboxChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export type CheckboxSlot = "wrapper" | "checkbox" | "label";
+export type CheckboxClassNames = SlotClassNames<CheckboxSlot>;
+export type CheckboxShape = "default" | "pill" | "square";
+export interface CheckboxProps extends SkeletonableProps {
+    autoFocus?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    onChange?: (e: CheckboxChangeEvent) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    className?: string;
+    classNames?: CheckboxClassNames;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    size?: Size;
+    shape?: CheckboxShape;
+    id?: string;
+    name?: string;
+    value?: string;
+    required?: boolean;
+    /** Varsayılan: `outline`. Sadece `solid`/`outline` anlamlı. */
+    variant?: Extract<Variant, "solid" | "outline">;
+    /**
+     * Semantik renk. Varsayılan: `primary`.
+     * @remarks `error`/`warning` verilirse doğrulama durumu olarak da işlev görür.
+     */
+    color?: ColorRole;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;AACtE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;AAC9D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

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

@@ -0,0 +1,15 @@
+import { type ColorRole, type Size, type Variant } from "@mari-ui/core";
+import type { CheckboxShape } from "./types";
+export declare function getSizeClasses(size: Size): string;
+export declare function getIndeterminateSizeClasses(size: Size): string;
+export declare function getCheckIconClass(size: Size): string;
+export declare function getShapeClasses(shape: CheckboxShape): string;
+/**
+ * `color` verilmediyse (yani gerçek bir doğrulama durumu YOKSA) dinlenme
+ * halindeki (işaretsiz) kenarlık nötr/gri (`border-mari-input`) — sadece
+ * işaretlenince `primary`e (veya AÇIKÇA verilen renge) bürünür. `color`
+ * AÇIKÇA verildiyse (örn. `error`) o renk işaretli/işaretsiz HER ZAMAN
+ * kalıcıdır (bkz. `input/utils.ts`'teki aynı desen).
+ */
+export declare function getVariantClasses(variant: Extract<Variant, "solid" | "outline">, color: ColorRole | undefined, indeterminate?: boolean): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/checkbox/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAS5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAsB7C,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEjD;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE9D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEpD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAI5D;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,EAAE,aAAa,UAAQ,GAAG,MAAM,CAW7I"}

package/dist/types/color-picker/ColorPicker.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { ColorPickerProps } from "./types";
+export type { ColorPickerProps };
+/**
+ * Faz 16.4 — yapı ant.design ColorPicker'dan: renk kutulu tetikleyici + panel
+ * (doygunluk/parlaklık alanı, ton ve opaklık kaydırıcıları, HEX/RGB/HSB
+ * girişleri, hazır renk grupları, "renk yok"). Panel Popover üstünde (konum,
+ * kapanma, odak yönetimi ortak); tetikleyici Input/Select ile aynı yükseklik
+ * ve kenarlık.
+ *
+ * Erişilebilirlik: tetikleyici `aria-haspopup="dialog"` + `aria-expanded`,
+ * seçili renk açıklamada (`aria-describedby`) okunur. Açılınca odak 2B alana
+ * geçer; alan ve kaydırıcılar `role="slider"` ile ok tuşlarıyla kullanılır,
+ * her değer metin girişiyle de verilebilir. Escape kapatır, odak geri döner.
+ */
+export declare function ColorPicker(outerProps: Readonly<ColorPickerProps>): React.JSX.Element;
+//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/types/color-picker/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/color-picker/ColorPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAY9E,OAAO,KAAK,EAA0B,gBAAgB,EAAQ,MAAM,SAAS,CAAC;AAG9E,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAsIjC;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,gBAAgB,CAAC,qBA4FjE"}

package/dist/types/color-picker/_components/ColorArea.d.ts

@@ -0,0 +1,19 @@
+import type React from "react";
+import type { Hsba } from "../types";
+interface ColorAreaProps {
+    color: Hsba;
+    disabled?: boolean;
+    onChange: (s: number, b: number) => void;
+    onChangeEnd: () => void;
+}
+/**
+ * Doygunluk (yatay) × parlaklık (dikey) alanı. Zemin saf ton; üstüne beyazdan
+ * saydama (soldan sağa) ve saydamdan siyaha (yukarıdan aşağı) iki katman.
+ *
+ * Erişilebilirlik: ARIA'da 2B kaydırıcı rolü yok — tek odaklanabilir bir
+ * `slider` (değer = doygunluk), `aria-valuetext` iki ekseni birden söyler,
+ * `aria-roledescription` yönü açıklar. ←/→ doygunluk, ↑/↓ parlaklık.
+ */
+export declare function ColorArea({ color, disabled, onChange, onChangeEnd }: Readonly<ColorAreaProps>): React.JSX.Element;
+export {};
+//# sourceMappingURL=ColorArea.d.ts.map

package/dist/types/color-picker/_components/ColorArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorArea.d.ts","sourceRoot":"","sources":["../../../../src/color-picker/_components/ColorArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIrC,UAAU,cAAc;IACtB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,qBA0C7F"}

package/dist/types/color-picker/_components/ColorInputs.d.ts

@@ -0,0 +1,14 @@
+import type { ColorFormat, Hsba } from "../types";
+interface ColorInputsProps {
+    color: Hsba;
+    format: ColorFormat;
+    onFormatChange: (format: ColorFormat) => void;
+    disabledAlpha: boolean;
+    disabled?: boolean;
+    /** Girişten gelen değer kesin bir değerdir — `onChangeComplete` de tetiklenir. */
+    onChange: (color: Hsba) => void;
+}
+/** Biçim seçimi (HEX/RGB/HSB) + o biçimin alanları + saydamlık yüzdesi. */
+export declare function ColorInputs({ color, format, onFormatChange, disabledAlpha, disabled, onChange }: Readonly<ColorInputsProps>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ColorInputs.d.ts.map

package/dist/types/color-picker/_components/ColorInputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInputs.d.ts","sourceRoot":"","sources":["../../../../src/color-picker/_components/ColorInputs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AASlD,UAAU,gBAAgB;IACxB,KAAK,EAAE,IAAI,CAAC;IACZ,MAAM,EAAE,WAAW,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAsFD,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,gBAAgB,CAAC,+BA2B3H"}

package/dist/types/color-picker/_components/ColorPresets.d.ts

@@ -0,0 +1,9 @@
+import type { ColorPreset, Hsba } from "../types";
+/** Hazır renk grupları; her grup başlığı açılır/kapanır (ant.design gibi). Seçili renk ✓ ve `aria-pressed`. */
+export declare function ColorPresets({ presets, current, disabled, onPick }: Readonly<{
+    presets: ColorPreset[];
+    current: Hsba | null;
+    disabled?: boolean;
+    onPick: (color: Hsba) => void;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=ColorPresets.d.ts.map

package/dist/types/color-picker/_components/ColorPresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPresets.d.ts","sourceRoot":"","sources":["../../../../src/color-picker/_components/ColorPresets.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AA2DlD,+GAA+G;AAC/G,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC;IAAE,OAAO,EAAE,WAAW,EAAE,CAAC;IAAC,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;CAAE,CAAC,+BASjL"}

package/dist/types/color-picker/_components/ColorSlider.d.ts

@@ -0,0 +1,24 @@
+import type React from "react";
+/** Gökkuşağı (ton) şeridi: 0–360 arası saf tonlar. */
+export declare const HUE_GRADIENT = "linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)";
+interface ColorSliderProps {
+    label: string;
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    valueText: string;
+    /** Şeridin CSS arka planı. */
+    background: string;
+    /** Saydamlık şeridi: arkada dama deseni. */
+    checker?: boolean;
+    /** Tutamacın iç rengi. */
+    thumbColor: string;
+    disabled?: boolean;
+    onChange: (value: number) => void;
+    onChangeEnd: () => void;
+}
+/** Ton ve saydamlık için yatay kaydırıcı (`role="slider"`; ←/→ ↑/↓, Shift ile 10×, PageUp/Down, Home/End). */
+export declare function ColorSlider({ label, value, min, max, step, valueText, background, checker, thumbColor, disabled, onChange, onChangeEnd }: Readonly<ColorSliderProps>): React.JSX.Element;
+export {};
+//# sourceMappingURL=ColorSlider.d.ts.map

package/dist/types/color-picker/_components/ColorSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSlider.d.ts","sourceRoot":"","sources":["../../../../src/color-picker/_components/ColorSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,sDAAsD;AACtD,eAAO,MAAM,YAAY,oGAAoG,CAAC;AAE9H,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,8GAA8G;AAC9G,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,QAAQ,CAAC,gBAAgB,CAAC,qBA0CxK"}

package/dist/types/color-picker/_components/Swatch.d.ts

@@ -0,0 +1,14 @@
+import type { Hsba } from "../types";
+/**
+ * Saydamlığı gösteren dama deseni — tema token'larından (açık/koyu temada
+ * zeminle uyumlu), boyutu rem.
+ */
+export declare const CHECKER_CLASS = "bg-[conic-gradient(var(--mari-color-border)_25%,var(--mari-color-surface)_0_50%,var(--mari-color-border)_0_75%,var(--mari-color-surface)_0)] bg-[length:0.5rem_0.5rem]";
+interface SwatchProps {
+    color: Hsba | null;
+    className?: string;
+}
+/** Rengi dama deseni üstünde gösteren kutu; içi dolu, kenarında ince çizgi (beyaz rengi zeminden ayırır). */
+export declare function Swatch({ color, className }: Readonly<SwatchProps>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Swatch.d.ts.map

package/dist/types/color-picker/_components/Swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swatch.d.ts","sourceRoot":"","sources":["../../../../src/color-picker/_components/Swatch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGrC;;;GAGG;AACH,eAAO,MAAM,aAAa,2KACgJ,CAAC;AAK3K,UAAU,WAAW;IACnB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6GAA6G;AAC7G,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,WAAW,CAAC,+BAOjE"}

package/dist/types/color-picker/_components/usePointerDrag.d.ts

@@ -0,0 +1,18 @@
+import type React from "react";
+type Ratio = {
+    x: number;
+    y: number;
+};
+/**
+ * Alan/kaydırıcı sürükleme: basınca konuma atlar, işaretçi yakalanır (öğenin
+ * dışına taşsa da izlenir), bırakınca `onEnd`. Dokunmatikte sayfa kaymasın
+ * diye öğeye `touch-none` verilmeli.
+ */
+export declare function usePointerDrag(onMove: (ratio: Ratio) => void, onEnd: () => void): {
+    onPointerDown: (e: React.PointerEvent<HTMLElement>) => void;
+    onPointerMove: (e: React.PointerEvent<HTMLElement>) => void;
+    onPointerUp: (e: React.PointerEvent<HTMLElement>) => void;
+    onLostPointerCapture: () => void;
+};
+export {};
+//# sourceMappingURL=usePointerDrag.d.ts.map

package/dist/types/color-picker/_components/usePointerDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerDrag.d.ts","sourceRoot":"","sources":["../../../../src/color-picker/_components/usePointerDrag.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,KAAK,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI;uBAIzD,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC;uBAQ/B,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC;qBAGjC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC;;EAYnD"}

package/dist/types/color-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { ColorPicker } from "./ColorPicker";
+export { parseColor, formatColor, colorInfo } from "./utils";
+export type { ColorPickerProps, ColorFormat, ColorInfo, ColorPreset, Hsba, Rgba } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/color-picker/types.d.ts

@@ -0,0 +1,81 @@
+import type React from "react";
+import type { ColorRole, Placement, Size } from "@mari-ui/core";
+import type { SkeletonableProps } from "../lib/skeleton";
+/** Metin girişi ve `onChange` değerinin biçimi. */
+export type ColorFormat = "hex" | "rgb" | "hsb";
+/** HSB (HSV) + alfa: h 0–360, s/b 0–100, a 0–1. Seçicinin iç modeli. */
+export interface Hsba {
+    h: number;
+    s: number;
+    b: number;
+    a: number;
+}
+export interface Rgba {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+/** `onChange`in ikinci argümanı: aynı rengin her biçimdeki karşılığı. */
+export interface ColorInfo {
+    hsba: Hsba;
+    rgba: Rgba;
+    /** `#rrggbb`; alfa < 1 ise `#rrggbbaa`. */
+    hex: string;
+    rgb: string;
+    hsb: string;
+}
+export interface ColorPreset {
+    /** Grup başlığı (ör. "Marka", "Son kullanılanlar"). */
+    label: React.ReactNode;
+    /** Kabul edilen her biçim: `#1677ff`, `rgb(…)`, `hsb(…)`. */
+    colors: string[];
+    /** Grup başlangıçta açık mı. Varsayılan: `true`. */
+    defaultOpen?: boolean;
+}
+export interface ColorPickerProps extends SkeletonableProps {
+    /** Renk metni (hex / `rgb()` / `hsb()`); `null` = renk yok (temizlenmiş). */
+    value?: string | null;
+    defaultValue?: string | null;
+    /**
+     * Her değişiklikte (sürüklerken de). Birinci argüman geçerli `format`taki
+     * metin, temizlenince `null`.
+     */
+    onChange?: (value: string | null, color: ColorInfo | null) => void;
+    /** Sürükleme bırakılınca / bir değer kesinleşince — ağır işler (kaydetme) için. */
+    onChangeComplete?: (value: string | null, color: ColorInfo | null) => void;
+    format?: ColorFormat;
+    /** Varsayılan: `"hex"`. */
+    defaultFormat?: ColorFormat;
+    onFormatChange?: (format: ColorFormat) => void;
+    /** Saydamlık kaydırıcısını ve girişini gizler; değer hep opak. */
+    disabledAlpha?: boolean;
+    /** Panelde "renk yok" seçeneği. Varsayılan: `false`. */
+    allowClear?: boolean;
+    /** Hazır renk grupları. */
+    presets?: ColorPreset[];
+    /** Tetikleyicide renk metni; fonksiyon verilirse metni kendiniz kurarsınız. */
+    showText?: boolean | ((color: ColorInfo | null) => React.ReactNode);
+    /** Varsayılan: `"click"`. */
+    trigger?: "click" | "hover";
+    /** Varsayılan: `"bottom-start"`. */
+    placement?: Placement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Yükseklik Input/Select ile aynı: sm 24 / md 32 / lg 40px. Varsayılan: `md`. */
+    size?: Size;
+    /** Doğrulama durumu (`error`/`warning`) — kenarlık rengi. */
+    color?: ColorRole;
+    disabled?: boolean;
+    id?: string;
+    /** Native form gönderimi için gizli alanın adı. */
+    name?: string;
+    required?: boolean;
+    /** Tetikleyicinin erişilebilir adı. Varsayılan: "Renk seç". */
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/color-picker/types.d.ts.map

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

package/dist/types/color-picker/utils.d.ts

@@ -0,0 +1,50 @@
+import type { ColorFormat, ColorInfo, Hsba, Rgba } from "./types";
+/**
+ * Faz 16.4 — ColorPicker'ın saf renk mantığı. İç model HSB(+alfa): 2B alan
+ * doygunluk × parlaklık, kaydırıcılar ton ve alfa. Hex/RGB yalnız giriş ve
+ * çıkışta hesaplanır — RGB'ye gidip gelmek tonu kaybettirir (ör. siyahta
+ * ton 0'a düşer, kullanıcının seçtiği ton kaybolurdu).
+ */
+export declare const clamp: (n: number, min: number, max: number) => number;
+export declare function hsbToRgb({ h, s, b, a }: Hsba): Rgba;
+export declare function rgbToHsb({ r, g, b, a }: Rgba): Hsba;
+export declare function toHex({ r, g, b, a }: Rgba): string;
+export declare function toRgbString({ r, g, b, a }: Rgba): string;
+export declare function toHsbString({ h, s, b, a }: Hsba): string;
+/** Hex (3/4/6/8 hane, `#` isteğe bağlı), `rgb[a]()`, `hsb[a]()`/`hsv()`, `hsl[a]()`. Tanınmazsa `null`. */
+export declare function parseColor(input: string | null | undefined): Hsba | null;
+export declare function colorInfo(hsba: Hsba): ColorInfo;
+export declare function formatColor(hsba: Hsba, format: ColorFormat): string;
+/** İki renk görsel olarak aynı mı (8 bit RGB + 2 hane alfa) — preset seçili göstergesi için. */
+export declare function sameColor(a: Hsba | null, b: Hsba | null): boolean;
+/** Saf ton (s=b=100) — 2B alanın arka planı. */
+export declare const hueColor: (h: number) => string;
+/**
+ * Rengin üstünde okunacak işaretçi/metin rengi: açık zeminde koyu, koyu zeminde
+ * açık. Alfa düşükse (zemin dama deseni, açık) koyu.
+ */
+export declare function isLight(hsba: Hsba): boolean;
+/** Ekran okuyucu için kısa açıklama: "#1677ff, opaklık %50". */
+export declare function describeColor(hsba: Hsba | null, empty?: string): string;
+export type AreaKey = "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "Home" | "End" | "PageUp" | "PageDown";
+/**
+ * 2B alanın klavyesi: ←/→ doygunluk, ↑/↓ parlaklık (1, Shift ile 10);
+ * Home/End doygunluk 0/100, PageUp/PageDown parlaklık 100/0.
+ */
+export declare function areaKeyStep(key: string, shift: boolean, s: number, b: number): {
+    s: number;
+    b: number;
+} | null;
+/** Tek eksenli kaydırıcı (ton, alfa) klavyesi. Tanınmayan tuş → `null`. */
+export declare function sliderKeyStep(key: string, shift: boolean, value: number, min: number, max: number, step: number): number | null;
+/** İşaretçi konumundan 0–1 oran (öğenin kutusuna göre, sınırlarda kesilir). */
+export declare function ratioFromPointer(clientX: number, clientY: number, rect: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}): {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/color-picker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/color-picker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAElE;;;;;GAKG;AAEH,eAAO,MAAM,KAAK,GAAI,GAAG,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WAAoC,CAAC;AAM9F,wBAAgB,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAQnD;AAWD,wBAAgB,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAKnD;AAYD,wBAAgB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,MAAM,CAElD;AAED,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,MAAM,CAExD;AAED,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,MAAM,CAGxD;AAyCD,2GAA2G;AAC3G,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAOxE;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAG/C;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM,CAEnE;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAGjE;AAED,gDAAgD;AAChD,eAAO,MAAM,QAAQ,GAAI,GAAG,MAAM,WAAyB,CAAC;AAE5D;;;GAGG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAQ3C;AAED,gEAAgE;AAChE,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,SAAa,GAAG,MAAM,CAI3E;AAED,MAAM,MAAM,OAAO,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEpH;;;GAGG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAgB9G;AAED,2EAA2E;AAC3E,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAc/H;AAED,+EAA+E;AAC/E,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;;;EAKpI"}

package/dist/types/date-picker/DatePicker.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { DatePickerProps } from "./types";
+export type { DatePickerProps };
+/**
+ * Faz 16.5 — yapı ant.design DatePicker/RangePicker/TimePicker'dan; 16.0
+ * kararıyla tek motor: `mode="date" | "time" | "datetime"`, `picker`
+ * (gün/ay/yıl), `range` (iki alan, gün modunda iki aylık panel, üzerine
+ * gelince önizleme). Alan yazılabilir (biçim `format`, ayraçlar esnek);
+ * takvim Calendar ile ortak (APG date grid). Bağımlılık yok.
+ *
+ * Erişilebilirlik: alan(lar) `aria-haspopup="dialog"` + `aria-expanded`;
+ * fareyle açılınca odak alanda kalır, ↓ odağı takvime (ya da saat
+ * sütununa) taşır; Escape kapatır ve alana döner; Enter yazılanı uygular.
+ * Panel `role="dialog"`, adı işlevi ("Tarih aralığı seç").
+ */
+export declare function DatePicker(outerProps: DatePickerProps): React.JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/types/date-picker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAUlE,OAAO,KAAK,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAC;AAIrE,YAAY,EAAE,eAAe,EAAE,CAAC;AAgIhC;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,eAAe,qBAgIrD"}

package/dist/types/date-picker/TimePicker.d.ts

@@ -0,0 +1,8 @@
+import type { TimePickerProps } from "./types";
+export type { TimePickerProps };
+/**
+ * Faz 16.5 — TimePicker, DatePicker'ın saat modudur (16.0 kararı: tek motor,
+ * iki isim). `range` ile saat aralığı (ör. çalışma saatleri).
+ */
+export declare function TimePicker(props: TimePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=TimePicker.d.ts.map

package/dist/types/date-picker/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/TimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,SAAS,CAAC;AAEhE,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BAEhD"}

package/dist/types/date-picker/_components/PickerPanel.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { FloatingCoords } from "../../lib/useFloatingPosition";
+import type { DatePickerProps } from "../types";
+import type { PickerState } from "../usePickerState";
+interface PickerPanelProps {
+    id: string;
+    coords: FloatingCoords | null;
+    state: PickerState;
+    props: DatePickerProps;
+    /** Klavyeyle (↓) açıldıysa odak panele. */
+    takeFocus: boolean;
+    onFocusOut: (e: React.FocusEvent) => void;
+}
+/**
+ * DatePicker paneli: (hazır seçimler) + takvim(ler) + (saat sütunları) +
+ * alt çubuk (Bugün/Şimdi, Tamam). Aralık gün modunda iki ay yan yana.
+ * `role="dialog"` (modal değil); fareyle tıklama alanın odağını almaz.
+ */
+export declare const PickerPanel: React.ForwardRefExoticComponent<PickerPanelProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=PickerPanel.d.ts.map

package/dist/types/date-picker/_components/PickerPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPanel.d.ts","sourceRoot":"","sources":["../../../../src/date-picker/_components/PickerPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC;IACvB,2CAA2C;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3C;AA4DD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFA2FtB,CAAC"}

package/dist/types/date-picker/_components/TimePanel.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface TimePanelProps {
+    value: Date;
+    onChange: (date: Date) => void;
+    seconds: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    takeFocus?: boolean;
+}
+/** Saat / dakika / (saniye) sütunları. Her sütun ayrı sekme durağı. */
+export declare function TimePanel({ value, onChange, seconds, hourStep, minuteStep, secondStep, takeFocus }: Readonly<TimePanelProps>): React.JSX.Element;
+//# sourceMappingURL=TimePanel.d.ts.map

package/dist/types/date-picker/_components/TimePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePanel.d.ts","sourceRoot":"","sources":["../../../../src/date-picker/_components/TimePanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA0EjD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAY,EAAE,UAAc,EAAE,UAAc,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,qBAgBxI"}

package/dist/types/date-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { DatePicker } from "./DatePicker";
+export { TimePicker } from "./TimePicker";
+export type { DatePickerProps, DatePickerSingleProps, DatePickerRangeProps, DatePickerMode, DatePickerPicker, DatePickerPreset, DateRangeValue, TimePickerProps } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/date-picker/types.d.ts

@@ -0,0 +1,89 @@
+import type React from "react";
+import type { ColorRole, Placement, Size } from "@mari-ui/core";
+import type { WeekStart } from "../lib/date";
+import type { SkeletonableProps } from "../lib/skeleton";
+import type { InputShape, InputVariant } from "../input/types";
+export type DatePickerMode = "date" | "time" | "datetime";
+/** `mode="date"`da seçim düzeyi: gün, ay ya da yıl. */
+export type DatePickerPicker = "date" | "month" | "year";
+export interface DatePickerPreset<V> {
+    label: React.ReactNode;
+    value: V | (() => V);
+}
+interface DatePickerBaseProps extends SkeletonableProps {
+    /** Varsayılan: `"date"`. */
+    mode?: DatePickerMode;
+    /** Varsayılan: `"date"`. Yalnız `mode="date"`. */
+    picker?: DatePickerPicker;
+    /**
+     * Görünen ve yazılan biçim. Varsayılan: gün `dd.MM.yyyy`, saat `HH:mm`,
+     * tarih-saat `dd.MM.yyyy HH:mm`, ay `MM.yyyy`, yıl `yyyy`. Yazarak girişte
+     * yalnız sayısal belirteçler çözülür (`.`, `/`, `-` ayraçları eşdeğer).
+     */
+    format?: string;
+    /** Seçilemez günler. */
+    disabledDate?: (date: Date) => boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    /** Dakika/saat/saniye sütunlarının adımı. Varsayılan: 1. */
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    /** Panel altında "Bugün"/"Şimdi". Varsayılan: `true` (aralıkta `false`). */
+    showNow?: boolean;
+    /** Varsayılan: `true`. */
+    allowClear?: boolean;
+    /** Varsayılan: `"Temizle"`. */
+    clearLabel?: string;
+    /** Varsayılan: `1` (Pazartesi). */
+    weekStart?: WeekStart;
+    showWeek?: boolean;
+    /** Varsayılan: `"tr-TR"`. */
+    locale?: string;
+    size?: Size;
+    variant?: InputVariant;
+    shape?: InputShape;
+    /** Doğrulama durumu (`error`/`warning`) — Input'la aynı kural. */
+    color?: ColorRole;
+    disabled?: boolean;
+    /** Varsayılan: `"bottom-start"`. */
+    placement?: Extract<Placement, "bottom-start" | "bottom-end" | "top-start" | "top-end">;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    id?: string;
+    /** Native form için gizli alan(lar): ISO biçimi (`yyyy-MM-dd`, `HH:mm`, `yyyy-MM-ddTHH:mm`). */
+    name?: string;
+    required?: boolean;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    className?: string;
+}
+export interface DatePickerSingleProps extends DatePickerBaseProps {
+    range?: false;
+    value?: Date | null;
+    defaultValue?: Date | null;
+    /** Değer kesinleşince (gün seçimi, "Tamam", yazılıp Enter/alan dışı). İkinci argüman görünen metin. */
+    onChange?: (value: Date | null, text: string) => void;
+    /** Varsayılan: biçime göre ("gg.aa.yyyy" gibi). */
+    placeholder?: string;
+    /** Hazır seçimler (panelin solunda): "Bugün", "Ay sonu"… */
+    presets?: DatePickerPreset<Date>[];
+}
+export type DateRangeValue = [Date | null, Date | null];
+export interface DatePickerRangeProps extends DatePickerBaseProps {
+    /** Aralık: başlangıç ve bitiş için iki alan; gün modunda iki aylık panel. */
+    range: true;
+    value?: DateRangeValue | null;
+    defaultValue?: DateRangeValue | null;
+    onChange?: (value: DateRangeValue | null, text: [string, string]) => void;
+    placeholder?: [string, string];
+    /** Hazır aralıklar: "Son 7 gün", "Bu ay"… */
+    presets?: DatePickerPreset<[Date, Date]>[];
+    /** Erişilebilir adlar. Varsayılan: "Başlangıç" / "Bitiş". */
+    rangeLabels?: [string, string];
+}
+export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+export type TimePickerProps = (Omit<DatePickerSingleProps, "mode" | "picker" | "disabledDate" | "minDate" | "maxDate" | "weekStart" | "showWeek">) | (Omit<DatePickerRangeProps, "mode" | "picker" | "disabledDate" | "minDate" | "maxDate" | "weekStart" | "showWeek">);
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/date-picker/types.d.ts.map

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

package/dist/types/date-picker/usePickerState.d.ts

@@ -0,0 +1,37 @@
+import type { DatePickerProps } from "./types";
+type Slot = 0 | 1;
+type Values = (Date | null)[];
+/**
+ * DatePicker durumu. `values` kesin değer (onChange'e giden); panel açıkken
+ * düzenlemeler `draft`a yazılır ve ancak kesinleşince (gün seçimi, "Tamam",
+ * Enter, alan dışına çıkış) `values` olur. Escape/dışarı tıklama taslağı atar.
+ * Her yuvanın (aralıkta 2) kendi metni var — yazılan geçerli metin taslağa geçer.
+ */
+export declare function usePickerState(props: DatePickerProps): {
+    range: boolean;
+    mode: import("./types").DatePickerMode;
+    picker: import("./types").DatePickerPicker;
+    format: string;
+    open: boolean;
+    setOpen: (next: boolean) => void;
+    close: () => void;
+    values: Values;
+    draft: Values;
+    texts: string[];
+    slot: Slot;
+    setSlot: import("react").Dispatch<import("react").SetStateAction<Slot>>;
+    hover: Date | null;
+    setHover: import("react").Dispatch<import("react").SetStateAction<Date | null>>;
+    isDisabled: (d: Date) => boolean;
+    commit: (next: Values) => void;
+    pickDate: (d: Date) => void;
+    pickTime: (t: Date) => void;
+    pickNow: () => void;
+    confirm: () => void;
+    typeText: (s: Slot, text: string) => void;
+    commitText: (s: Slot) => void;
+    clear: () => void;
+};
+export type PickerState = ReturnType<typeof usePickerState>;
+export {};
+//# sourceMappingURL=usePickerState.d.ts.map

package/dist/types/date-picker/usePickerState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePickerState.d.ts","sourceRoot":"","sources":["../../../src/date-picker/usePickerState.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAA+D,MAAM,SAAS,CAAC;AAG5G,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;AAClB,KAAK,MAAM,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;AAQ9B;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe;;;;;;oBAsC5B,OAAO;;;;;;;;;oBAXP,IAAI;mBAEL,MAAM;kBAkDP,IAAI;kBASJ,IAAI;;;kBAaJ,IAAI,QAAQ,MAAM;oBAOhB,IAAI;;EA4C5B;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}