@enmera/panel-kit 0.0.0-stage → 0.2.0

package/dist/ui/meta.d.ts

@@ -0,0 +1,13 @@
+/** Başlığın altındaki küçük, soluk bilgi satırı (tarih · kaynak · ülke): her listede aynı boyut, renk ve aralık. */
+export declare function MetaRow({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Madde ya da numaralı liste (adımlar, gerekçeler). */
+export declare function List({ ordered, className, ...props }: React.HTMLAttributes<HTMLElement> & {
+    ordered?: boolean;
+}): import("react").JSX.Element;
+/**
+ * Bölüm kartındaki (SectionCard flush) liste satırı: kartın başlığıyla aynı yatay boşluk. `stack` içeriği alt alta dizer.
+ * Tıklanan satır RowButton / RowLink'tir; aynı boşluğu className ile alır.
+ */
+export declare function ListRow({ stack, className, ...props }: React.ComponentProps<'li'> & {
+    stack?: boolean;
+}): import("react").JSX.Element;

package/dist/ui/meta.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../utils.js';
+/** Başlığın altındaki küçük, soluk bilgi satırı (tarih · kaynak · ülke): her listede aynı boyut, renk ve aralık. */
+export function MetaRow({ className, ...props }) {
+    return _jsx("div", { className: cn('flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground', className), ...props });
+}
+/** Madde ya da numaralı liste (adımlar, gerekçeler). */
+export function List({ ordered = false, className, ...props }) {
+    const classes = cn('flex flex-col gap-1 ps-5 text-sm', ordered ? 'list-decimal' : 'list-disc', className);
+    return ordered ? _jsx("ol", { className: classes, ...props }) : _jsx("ul", { className: classes, ...props });
+}
+/**
+ * Bölüm kartındaki (SectionCard flush) liste satırı: kartın başlığıyla aynı yatay boşluk. `stack` içeriği alt alta dizer.
+ * Tıklanan satır RowButton / RowLink'tir; aynı boşluğu className ile alır.
+ */
+export function ListRow({ stack = false, className, ...props }) {
+    return _jsx("li", { className: cn('flex gap-3 px-4 py-3 sm:px-6', stack ? 'flex-col' : 'flex-wrap items-center', className), ...props });
+}

package/dist/ui/option-card.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonProps } from 'react-aria-components';
+/**
+ * Basılabilir ya da seçilebilir kart: süzgeç işi gören gösterge kutusu, seçilecek işletme, öneri satırı.
+ * Seçiliyken marka halkası ve hafif zemin; iç yerleşim className'den. Tek seçimli grup için RadioGroup kullanılır.
+ */
+export declare function OptionCard({ isSelected, className, ...props }: Omit<ButtonProps, 'className'> & {
+    isSelected?: boolean;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/ui/option-card.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as ButtonPrimitive } from 'react-aria-components';
+import { cn } from '../utils.js';
+/**
+ * Basılabilir ya da seçilebilir kart: süzgeç işi gören gösterge kutusu, seçilecek işletme, öneri satırı.
+ * Seçiliyken marka halkası ve hafif zemin; iç yerleşim className'den. Tek seçimli grup için RadioGroup kullanılır.
+ */
+export function OptionCard({ isSelected = false, className, ...props }) {
+    return (_jsx(ButtonPrimitive, { "aria-pressed": isSelected, "data-selected": isSelected || undefined, className: cn('flex cursor-default flex-col items-start gap-1 rounded-2xl bg-card p-4 text-start ring-1 ring-foreground/10 transition-[box-shadow,background-color] outline-hidden hover:ring-foreground/25 focus-visible:ring-2 focus-visible:ring-ring/60 disabled:opacity-50 data-selected:bg-primary/5 data-selected:ring-2 data-selected:ring-primary', className), ...props }));
+}

package/dist/ui/pagination.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { LinkButton } from "./button.js";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Omit<React.ComponentProps<typeof LinkButton>, "variant">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
+declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): React.JSX.Element;
+declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): React.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/ui/pagination.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../utils.js";
+import { LinkButton } from "./button.js";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { t } from '../config.js';
+function Pagination({ className, ...props }) {
+    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
+}
+function PaginationContent({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "pagination-content", className: cn("flex items-center gap-1", className), ...props }));
+}
+function PaginationItem({ ...props }) {
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+    return (_jsx(LinkButton, { variant: isActive ? "outline" : "ghost", size: size, className: cn(className), "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive, ...props }));
+}
+function PaginationPrevious({ className, text = t("Previous"), ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": t("Previous page"), size: "default", className: cn("pl-2!", className), ...props, children: [_jsx(ChevronLeftIcon, { "data-icon": "inline-start" }), _jsx("span", { className: "hidden sm:block", children: text })] }));
+}
+function PaginationNext({ className, text = t("Next"), ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": t("Next page"), size: "default", className: cn("pr-2!", className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: text }), _jsx(ChevronRightIcon, { "data-icon": "inline-end" })] }));
+}
+function PaginationEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx(MoreHorizontalIcon, {}), _jsx("span", { className: "sr-only", children: t("More pages") })] }));
+}
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/ui/popover.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Heading, type DialogTriggerProps, type PopoverProps as PopoverPrimitiveProps } from "react-aria-components";
+declare function PopoverTrigger({ children, ...props }: DialogTriggerProps): React.JSX.Element;
+declare function Popover({ className, placement, offset, crossOffset, ...props }: Omit<PopoverPrimitiveProps, "className"> & {
+    className?: string;
+}): React.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<typeof Heading>): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Popover, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/ui/popover.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../utils.js";
+import { DialogTrigger, Heading, Popover as PopoverPrimitive, } from "react-aria-components";
+function PopoverTrigger({ children, ...props }) {
+    return (_jsx(DialogTrigger, { "data-slot": "popover-trigger", ...props, children: children }));
+}
+function Popover({ className, placement = "bottom", offset = 4, crossOffset = 0, ...props }) {
+    return (_jsx(PopoverPrimitive, { "data-slot": "popover-content", placement: placement, offset: offset, crossOffset: crossOffset, className: cn("z-50 flex w-72 origin-(--trigger-anchor-point) flex-col gap-4 rounded-3xl bg-popover p-4 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/5 outline-hidden duration-100 data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95 data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 dark:ring-foreground/10", className), ...props }));
+}
+function PopoverHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-1 text-sm", className), ...props }));
+}
+function PopoverTitle({ className, ...props }) {
+    return (_jsx(Heading, { "data-slot": "popover-title", className: cn("text-base font-medium", className), ...props }));
+}
+function PopoverDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "popover-description", className: cn("text-muted-foreground", className), ...props }));
+}
+export { Popover, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/ui/radio-group.d.ts

@@ -0,0 +1,4 @@
+import { type RadioGroupProps, type RadioProps } from "react-aria-components";
+declare function RadioGroup({ className, ...props }: RadioGroupProps): import("react").JSX.Element;
+declare function RadioGroupItem({ className, children, ...props }: RadioProps): import("react").JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/ui/radio-group.js

@@ -0,0 +1,11 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../utils.js";
+import { composeRenderProps, RadioGroup as RadioGroupPrimitive, Radio as RadioPrimitive, } from "react-aria-components";
+function RadioGroup({ className, ...props }) {
+    return (_jsx(RadioGroupPrimitive, { "data-slot": "radio-group", className: cn("grid w-full gap-3", className), ...props }));
+}
+function RadioGroupItem({ className, children, ...props }) {
+    return (_jsx(RadioPrimitive, { "data-slot": "radio-group-item", className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-transparent bg-input/90 outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-focus-visible:border-ring data-focus-visible:ring-3 data-focus-visible:ring-ring/30 data-invalid:border-destructive data-invalid:ring-3 data-invalid:ring-destructive/20 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:data-invalid:border-destructive/50 dark:data-invalid:ring-destructive/40 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-selected:bg-primary data-selected:text-primary-foreground dark:data-selected:bg-primary", className), ...props, children: composeRenderProps(children, (children, { isSelected }) => (_jsxs(_Fragment, { children: [_jsx("span", { "data-slot": "radio-group-indicator", className: "flex size-4 items-center justify-center", children: isSelected && (_jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground dark:size-2.5" })) }), children] }))) }));
+}
+export { RadioGroup, RadioGroupItem };

package/dist/ui/row-button.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonProps, type LinkProps } from 'react-aria-components';
+export declare function RowButton({ isSelected, className, ...props }: Omit<ButtonProps, 'className'> & {
+    isSelected?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+/** Başka sayfaya giden liste satırı: RowButton'la aynı görünüm. */
+export declare function RowLink({ className, ...props }: Omit<LinkProps, 'className'> & {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/ui/row-button.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as ButtonPrimitive, Link as LinkPrimitive } from 'react-aria-components';
+import { cn } from '../utils.js';
+/**
+ * Tıklanabilir liste satırı ya da açılır bölüm başlığı: tam genişlik, solda metin, üzerine gelince hafif zemin,
+ * klavyede içe doğru odak halkası. İç boşluk çağırandan gelir (satırın listesiyle aynı hizada dursun).
+ */
+const base = 'flex w-full items-center gap-3 text-start transition-colors outline-hidden hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-inset';
+export function RowButton({ isSelected, className, ...props }) {
+    // isSelected: listeyi süzen satır (konu, yıldız) seçiliyken zemini kalır.
+    return _jsx(ButtonPrimitive, { "aria-pressed": isSelected, className: cn(base, 'cursor-default', isSelected && 'bg-primary/5 hover:bg-primary/10', className), ...props });
+}
+/** Başka sayfaya giden liste satırı: RowButton'la aynı görünüm. */
+export function RowLink({ className, ...props }) {
+    return _jsx(LinkPrimitive, { className: cn(base, 'cursor-pointer', className), ...props });
+}

package/dist/ui/scroll-area.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { ScrollArea };

package/dist/ui/scroll-area.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../utils.js";
+function ScrollArea({ className, children, ...props }) {
+    // Use native scrollbar-width and scrollbar-color to customize the scrollbar.
+    return (_jsx("div", { "data-slot": "scroll-area", className: cn("relative [scrollbar-width:thin] [scrollbar-color:var(--color-border)_transparent] overflow-auto outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1", className), ...props, children: children }));
+}
+export { ScrollArea };

package/dist/ui/segmented.d.ts

@@ -0,0 +1,22 @@
+type Size = 'sm' | 'md';
+type Item<T extends string> = {
+    id: T;
+    label: React.ReactNode; /** Yalnız ikon gösteren seçenek için ad. */
+    ariaLabel?: string;
+};
+/** Bölmeli seçicinin zemini ve düğmesi (TabsList görünümü); bağlantıyla kurulan seçiciler (SectionTabs) de bunları kullanır. */
+export declare function segmentedTrack(size?: Size): string;
+export declare function segmentedItem(selected: boolean, size?: Size): string;
+/**
+ * Bölmeli seçici: içerik değiştiren ana seçim (grup, liste, varyant). Alt sekmeler yanında `TabsList variant="plain"`,
+ * aynı listeyi daraltan süzgeçler hap düğme olarak listenin içinde durur (~/Projeler/Web/PANEL-TASARIM.md §4).
+ */
+export declare function Segmented<T extends string>({ items, value, onChange, label, size, className }: {
+    items: Item<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    label: string;
+    size?: Size;
+    className?: string;
+}): import("react").JSX.Element;
+export {};

package/dist/ui/segmented.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../utils.js';
+/** Bölmeli seçicinin zemini ve düğmesi (TabsList görünümü); bağlantıyla kurulan seçiciler (SectionTabs) de bunları kullanır. */
+export function segmentedTrack(size = 'md') {
+    return cn('inline-flex w-fit max-w-full items-center gap-0.5 overflow-x-auto rounded-full bg-muted p-1 [scrollbar-width:none]', size === 'md' ? 'h-9' : 'h-8');
+}
+export function segmentedItem(selected, size = 'md') {
+    return cn('inline-flex h-full shrink-0 items-center gap-1.5 rounded-full px-3 font-medium whitespace-nowrap transition-colors outline-hidden focus-visible:ring-2 focus-visible:ring-ring/40', size === 'md' ? 'text-sm' : 'text-xs', selected ? 'bg-background text-foreground shadow-sm dark:bg-input/30' : 'text-foreground/60 hover:text-foreground dark:text-muted-foreground');
+}
+/**
+ * Bölmeli seçici: içerik değiştiren ana seçim (grup, liste, varyant). Alt sekmeler yanında `TabsList variant="plain"`,
+ * aynı listeyi daraltan süzgeçler hap düğme olarak listenin içinde durur (~/Projeler/Web/PANEL-TASARIM.md §4).
+ */
+export function Segmented({ items, value, onChange, label, size = 'md', className }) {
+    return (_jsx("div", { role: "group", "aria-label": label, className: cn(segmentedTrack(size), className), children: items.map((item) => (_jsx("button", { type: "button", "aria-pressed": item.id === value, "aria-label": item.ariaLabel, onClick: () => onChange(item.id), className: segmentedItem(item.id === value, size), children: item.label }, item.id))) }));
+}

package/dist/ui/select.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { Button as ButtonPrimitive, Header as HeaderPrimitive, ListBoxItem as ListBoxItemPrimitive, Popover as PopoverPrimitive, Separator as SeparatorPrimitive, type ListBoxProps, type SearchFieldProps, type ListBoxSectionProps as SelectGroupProps, type SelectProps, type SelectValueProps } from "react-aria-components";
+declare function Select<T extends object, M extends "single" | "multiple" = "single">({ className, ...props }: SelectProps<T, M>): React.JSX.Element;
+declare function SelectGroup<T extends object>({ className, ...props }: SelectGroupProps<T>): React.JSX.Element;
+declare function SelectValue<T extends object>({ className, children, ...props }: SelectValueProps<T>): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: Omit<React.ComponentProps<typeof ButtonPrimitive>, "children"> & {
+    children?: React.ReactNode;
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function SelectContent({ className, children, placement, offset, crossOffset, footer, ...props }: Omit<React.ComponentProps<typeof PopoverPrimitive>, "className" | "children"> & {
+    className?: string;
+    children?: React.ReactNode;
+    /** Listenin altında sabit alan (ör. çoklu seçimde "Tamam"). */
+    footer?: React.ReactNode;
+}): React.JSX.Element;
+declare function SelectPopover({ className, children, placement, offset, crossOffset, ...props }: Omit<React.ComponentProps<typeof PopoverPrimitive>, "className" | "children"> & {
+    className?: string;
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare function SelectList<T extends object>({ className, ...props }: ListBoxProps<T>): React.JSX.Element;
+declare function SelectInput({ className, ...props }: SearchFieldProps): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof HeaderPrimitive>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof ListBoxItemPrimitive>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SeparatorPrimitive>): React.JSX.Element;
+declare function SelectEmpty({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectList, SelectPopover, SelectSeparator, SelectTrigger, SelectValue, SelectEmpty, };

package/dist/ui/select.js

@@ -0,0 +1,45 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../utils.js";
+import { Button as ButtonPrimitive, composeRenderProps, Header as HeaderPrimitive, ListBoxItem as ListBoxItemPrimitive, ListBox as ListBoxPrimitive, ListBoxSection as ListBoxSectionPrimitive, Popover as PopoverPrimitive, SearchField, Select as SelectPrimitive, SelectValue as SelectValuePrimitive, Separator as SeparatorPrimitive, } from "react-aria-components";
+import { InputGroup, InputGroupAddon, InputGroupInput, } from "./input-group.js";
+import { ChevronDownIcon, SearchIcon, CheckIcon } from "lucide-react";
+function Select({ className, ...props }) {
+    return (_jsx(SelectPrimitive, { "data-slot": "select", className: cn("w-fit", className), ...props }));
+}
+function SelectGroup({ className, ...props }) {
+    return (_jsx(ListBoxSectionPrimitive, { "data-slot": "select-group", className: cn("scroll-my-1.5 p-1.5", className), ...props }));
+}
+function SelectValue({ className, children, ...props }) {
+    return (_jsx(SelectValuePrimitive, { "data-slot": "select-value", className: cn("flex flex-1 text-left data-placeholder:text-muted-foreground", className), ...props, children: typeof children === "function"
+            ? children
+            : ({ selectedItems, selectedText, defaultChildren }) => selectedItems.length > 1 ? selectedText : defaultChildren }));
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+    return (_jsxs(ButtonPrimitive, { "data-slot": "select-trigger", "data-size": size, className: cn("flex w-full items-center justify-between gap-1.5 rounded-3xl border border-transparent bg-input/50 px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow,background-color] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })] }));
+}
+function SelectContent({ className, children, placement = "bottom", offset = 4, crossOffset = 0, footer, ...props }) {
+    return (_jsxs(SelectPopover, { className: className, placement: placement, offset: offset, crossOffset: crossOffset, ...props, children: [_jsx(SelectList, { children: children }), footer] }));
+}
+function SelectPopover({ className, children, placement = "bottom start", offset = 4, crossOffset = 0, ...props }) {
+    return (_jsx(PopoverPrimitive, { "data-slot": "select-content", placement: placement, offset: offset, crossOffset: crossOffset, className: cn("relative isolate z-50 w-max max-w-[min(24rem,90vw)] min-w-(--trigger-width) origin-(--trigger-anchor-point) overflow-hidden rounded-3xl bg-popover text-popover-foreground shadow-lg ring-1 ring-foreground/5 duration-100 data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95 data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 **:data-[slot$=-item]:data-focused:bg-foreground/10 dark:ring-foreground/10", className), ...props, children: children }));
+}
+function SelectList({ className, ...props }) {
+    return (_jsx(ListBoxPrimitive, { "data-slot": "select-list", className: cn("group/select-list max-h-[inherit] scroll-py-1.5 overflow-x-hidden overflow-y-auto p-1.5 outline-hidden", className), ...props }));
+}
+function SelectInput({ className, ...props }) {
+    return (_jsx(SearchField, { ...props, autoFocus: true, "data-slot": "select-input-wrapper", className: cn("p-1 pb-0", className), children: _jsxs(InputGroup, { children: [_jsx(InputGroupInput, { "data-slot": "select-input", className: "[&::-webkit-search-cancel-button]:hidden" }), _jsx(InputGroupAddon, { children: _jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })] }) }));
+}
+function SelectLabel({ className, ...props }) {
+    return (_jsx(HeaderPrimitive, { "data-slot": "select-label", className: cn("px-3 py-2.5 text-xs text-muted-foreground", className), ...props }));
+}
+function SelectItem({ className, children, ...props }) {
+    return (_jsx(ListBoxItemPrimitive, { "data-slot": "select-item", textValue: typeof children === "string" ? children : undefined, className: cn("relative flex w-full cursor-default items-center gap-2.5 rounded-2xl py-2 pr-8 pl-3 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-focused:bg-accent data-focused:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: composeRenderProps(children, (children, { isSelected }) => (_jsxs(_Fragment, { children: [_jsx("span", { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children: children }), _jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: isSelected ? (_jsx(CheckIcon, { className: "pointer-events-none" })) : null })] }))) }));
+}
+function SelectSeparator({ className, ...props }) {
+    return (_jsx(SeparatorPrimitive, { "data-slot": "select-separator", className: cn("pointer-events-none -mx-1.5 my-1.5 h-px bg-border", className), ...props }));
+}
+function SelectEmpty({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "select-empty", className: cn("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/select-list:flex", className), ...props }));
+}
+export { Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectList, SelectPopover, SelectSeparator, SelectTrigger, SelectValue, SelectEmpty, };

package/dist/ui/separator.d.ts

@@ -0,0 +1,3 @@
+import { Separator as SeparatorPrimitive } from "react-aria-components";
+declare function Separator({ className, orientation, ...props }: React.ComponentProps<typeof SeparatorPrimitive>): import("react").JSX.Element;
+export { Separator };

package/dist/ui/separator.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../utils.js";
+import { Separator as SeparatorPrimitive } from "react-aria-components";
+function Separator({ className, orientation = "horizontal", ...props }) {
+    return (_jsx(SeparatorPrimitive, { "data-slot": "separator", orientation: orientation, className: cn("block shrink-0 border-0 bg-border aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=vertical]:w-px aria-[orientation=vertical]:self-stretch [:is(hr)]:h-px [:is(hr)]:w-full", className), ...props }));
+}
+export { Separator };

package/dist/ui/sheet.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { Heading, Modal as ModalPrimitive, type ModalOverlayProps as ModalOverlayPrimitiveProps, type DialogProps as SheetPrimitiveProps, type DialogTriggerProps as SheetTriggerPrimitiveProps } from "react-aria-components";
+import { Button } from "./button.js";
+declare function SheetTrigger({ ...props }: SheetTriggerPrimitiveProps): React.JSX.Element;
+declare function SheetClose({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function Sheet({ className, children, side, showCloseButton, ...props }: Omit<ModalOverlayPrimitiveProps, "className" | "children"> & Pick<React.ComponentProps<typeof ModalPrimitive>, "isDismissable"> & {
+    className?: string;
+    children: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof Sheet> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: Omit<React.ComponentProps<typeof Heading>, "slot">): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: Omit<React.ComponentProps<"div">, "slot">): React.JSX.Element;
+export { type SheetPrimitiveProps, type SheetTriggerPrimitiveProps, Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/ui/sheet.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../utils.js";
+import { Heading, ModalOverlay as ModalOverlayPrimitive, Modal as ModalPrimitive, Dialog as SheetPrimitive, DialogTrigger as SheetTriggerPrimitive, } from "react-aria-components";
+import { Button } from "./button.js";
+import { XIcon } from "lucide-react";
+import { t } from '../config.js';
+function SheetTrigger({ ...props }) {
+    return _jsx(SheetTriggerPrimitive, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ className, variant = "outline", size = "default", ...props }) {
+    return (_jsx(Button, { slot: "close", "data-slot": "sheet-close", variant: variant, size: size, className: cn(className), ...props }));
+}
+function SheetOverlay({ className, children, ...props }) {
+    return (_jsx(ModalOverlayPrimitive, { "data-slot": "sheet-overlay", isDismissable: true, className: cn("fixed inset-0 z-50 bg-black/30 transition-opacity duration-150 data-entering:opacity-0 data-exiting:opacity-0 supports-backdrop-filter:backdrop-blur-sm", className), ...props, children: children }));
+}
+function Sheet({ className, children, side = "right", showCloseButton = true, ...props }) {
+    return (_jsx(SheetOverlay, { ...props, children: _jsx(ModalPrimitive, { "data-slot": "sheet-content", "data-side": side, className: cn("fixed z-50 flex flex-col bg-popover bg-clip-padding text-sm text-popover-foreground shadow-xl transition duration-200 ease-in-out data-entering:opacity-0 data-exiting:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-entering:translate-y-[2.5rem] data-[side=bottom]:data-exiting:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-entering:translate-x-[-2.5rem] data-[side=left]:data-exiting:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-entering:translate-x-[2.5rem] data-[side=right]:data-exiting:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-entering:translate-y-[-2.5rem] data-[side=top]:data-exiting:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className), children: _jsxs(SheetPrimitive, { "data-slot": "sheet", className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] [gap:inherit] outline-none", children: [children, showCloseButton && (_jsxs(SheetClose, { variant: "ghost", className: "absolute top-4 right-4 bg-secondary", size: "icon-sm", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: t("Close") })] }))] }) }) }));
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }) {
+    return (_jsx(Sheet, { className: className, side: side, showCloseButton: showCloseButton, ...props, children: children }));
+}
+function SheetHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-6", className), ...props }));
+}
+function SheetFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-6", className), ...props }));
+}
+function SheetTitle({ className, ...props }) {
+    return (_jsx(Heading, { slot: "title", "data-slot": "sheet-title", className: cn("font-heading text-base font-medium text-foreground", className), ...props }));
+}
+function SheetDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-description", className: cn("text-sm text-muted-foreground", className), ...props }));
+}
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/ui/sidebar.d.ts

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { type ButtonProps, type LinkProps } from "react-aria-components";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+import { Separator } from "./separator.js";
+import { Tooltip } from "./tooltip.js";
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+type SidebarButtonProps = (LinkProps & {
+    href: string;
+}) | (ButtonProps & {
+    href?: never;
+});
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, persist, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * `false`: aç/kapa çereze YAZILMAZ — tam ekran çalışma alanı (tasarım editörü)
+     * menüyü kendi açılışında daraltır; kullanıcı orada açıp kapatsa da diğer
+     * ekranlardaki tercihi değişmez, editörden çıkınca eski hâli döner.
+     */
+    persist?: boolean;
+}): React.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): React.JSX.Element;
+declare function SidebarTrigger({ className, onPress, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+/** Menünün sağ kenarında, dikeyde ortada aç/kapat düğmesi; menü daralınca ok yön değiştirir. */
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarGroupLabel({ className, elementType: Element, ...props }: React.HTMLAttributes<HTMLElement> & {
+    elementType?: React.ElementType;
+}): React.JSX.Element;
+declare function SidebarGroupAction({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ isActive, variant, size, tooltip, className, ...props }: SidebarButtonProps & {
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof Tooltip>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
+declare function SidebarMenuAction({ className, showOnHover, ...props }: ButtonProps & {
+    showOnHover?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function SidebarMenuSubButton({ size, isActive, className, ...props }: SidebarButtonProps & {
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): React.JSX.Element;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };