@stisocial/ui 0.1.0 → 0.2.1

package/dist/index.js

@@ -1,4 +1,5 @@
 import { Accent } from "./components/Accent/Accent.js";
+import { Accordion } from "./components/Accordion/Accordion.js";
 import { ActionBar } from "./components/ActionBar/ActionBar.js";
 import { DEFAULT_TIME_ZONE, contextOf } from "./format/context.js";
 import { dayKey, formatCalendarDate, formatCalendarDateTime, formatDate, formatDateRange, formatDateTime, formatDuration, formatMonthYear, formatRelativeTime, formatTime } from "./format/dates.js";
@@ -102,6 +103,7 @@ import { DateRangePicker, defaultRangePresets } from "./components/DateRangePick
 import { DateTimePicker } from "./components/DateTimePicker/DateTimePicker.js";
 import { DescriptionItem, DescriptionList } from "./components/DescriptionList/DescriptionList.js";
 import { Dialog } from "./components/Dialog/Dialog.js";
+import { Disclosure } from "./components/Disclosure/Disclosure.js";
 import { Divider } from "./components/Divider/Divider.js";
 import { DownloadButton } from "./components/DownloadButton/DownloadButton.js";
 import { Drawer } from "./components/Drawer/Drawer.js";
@@ -116,8 +118,14 @@ import { EmptyState } from "./components/EmptyState/EmptyState.js";
 import { EntityHeader } from "./components/EntityHeader/EntityHeader.js";
 import { ErrorState } from "./components/ErrorState/ErrorState.js";
 import { ErrorBoundary } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { ErrorPage } from "./components/ErrorPage/ErrorPage.js";
 import { Eyebrow } from "./components/Eyebrow/Eyebrow.js";
 import { FavoriteToggle } from "./components/FavoriteToggle/FavoriteToggle.js";
+import { Rating, RatingDisplay } from "./components/Rating/Rating.js";
+import { SegmentedControl, SegmentedControlItem } from "./components/SegmentedControl/SegmentedControl.js";
+import { FeedbackWidget } from "./components/FeedbackWidget/FeedbackWidget.js";
+import { Figure } from "./components/Figure/Figure.js";
+import { FileList, fileExtension, fileKind } from "./components/FileList/FileList.js";
 import { FileSize } from "./components/FileSize/FileSize.js";
 import { ProgressBar } from "./components/ProgressBar/ProgressBar.js";
 import { describeAccept, fileKey, matchesAccept, partitionFiles } from "./components/FileUpload/fileRules.js";
@@ -157,6 +165,7 @@ import { KeyValue } from "./components/KeyValue/KeyValue.js";
 import { KvkkConsent } from "./components/KvkkConsent/KvkkConsent.js";
 import { LanguageSwitch } from "./components/LanguageSwitch/LanguageSwitch.js";
 import { Lightbox } from "./components/Lightbox/Lightbox.js";
+import { LinkRows } from "./components/LinkRows/LinkRows.js";
 import { List, ListItem } from "./components/List/List.js";
 import { Listbox } from "./components/Listbox/Listbox.js";
 import { LoadingBoundary } from "./components/LoadingBoundary/LoadingBoundary.js";
@@ -178,13 +187,13 @@ import { containsPersonalInfo, estimatePasswordStrength, isCommonPassword } from
 import { PasswordStrength } from "./components/PasswordStrength/PasswordStrength.js";
 import { NewPasswordField } from "./components/NewPasswordField/NewPasswordField.js";
 import { NotificationBell } from "./components/NotificationBell/NotificationBell.js";
-import { SegmentedControl, SegmentedControlItem } from "./components/SegmentedControl/SegmentedControl.js";
 import { NotificationCenter } from "./components/NotificationCenter/NotificationCenter.js";
 import { OfflineIndicator } from "./components/OfflineIndicator/OfflineIndicator.js";
 import { OnboardingChecklist } from "./components/OnboardingChecklist/OnboardingChecklist.js";
 import { OtpField } from "./components/OtpField/OtpField.js";
 import { PageHeader } from "./components/PageHeader/PageHeader.js";
 import { Pagination, pageItems } from "./components/Pagination/Pagination.js";
+import { PersonItem } from "./components/PersonItem/PersonItem.js";
 import { PhoneField, isValidPhone, splitInternational, toE164 } from "./components/PhoneField/PhoneField.js";
 import { PhoneLink } from "./components/PhoneLink/PhoneLink.js";
 import { formatPlate, isValidPlate, parsePlate } from "./components/PlateField/plate.js";
@@ -200,7 +209,6 @@ import { RadioCard, RadioCards } from "./components/RadioCards/RadioCards.js";
 import { Radio, RadioGroup } from "./components/RadioGroup/RadioGroup.js";
 import { RangeCalendar } from "./components/RangeCalendar/RangeCalendar.js";
 import { RangeSlider } from "./components/RangeSlider/RangeSlider.js";
-import { Rating, RatingDisplay } from "./components/Rating/Rating.js";
 import { ReactionPicker } from "./components/ReactionPicker/ReactionPicker.js";
 import { ReadMore } from "./components/ReadMore/ReadMore.js";
 import { ToggleButton } from "./components/ToggleButton/ToggleButton.js";
@@ -231,6 +239,7 @@ import { Sticky } from "./components/Sticky/Sticky.js";
 import { SuccessState } from "./components/SuccessState/SuccessState.js";
 import { Surface } from "./components/Surface/Surface.js";
 import { Switch } from "./components/Switch/Switch.js";
+import { Table } from "./components/Table/Table.js";
 import { TableOfContents } from "./components/TableOfContents/TableOfContents.js";
 import { Tab, TabList, TabPanel, Tabs } from "./components/Tabs/Tabs.js";
 import { Tag } from "./components/Tag/Tag.js";
@@ -243,7 +252,8 @@ import { ThemeScript } from "./components/ThemeScript/ThemeScript.js";
 import { useTheme } from "./components/ThemeScript/useTheme.js";
 import { ThemeSwitch } from "./components/ThemeSwitch/ThemeSwitch.js";
 import { TimeField } from "./components/TimeField/TimeField.js";
-import { TimeSlotPicker, timeSlots } from "./components/TimeSlotPicker/TimeSlotPicker.js";
+import { timeSlots } from "./components/TimeSlotPicker/timeSlots.js";
+import { TimeSlotPicker } from "./components/TimeSlotPicker/TimeSlotPicker.js";
 import { TimeZoneSelect, formatOffset, timeZoneOffset } from "./components/TimeZoneSelect/TimeZoneSelect.js";
 import { DEFAULT_TOAST_TIMEOUT, MIN_TOAST_TIMEOUT, createToastQueue, resolveToastTimeout, toast } from "./components/Toast/toast.js";
 import { ToastQueue } from "./components/ToastQueue/ToastQueue.js";
@@ -253,6 +263,7 @@ import { TopNav } from "./components/TopNav/TopNav.js";
 import { TopProgressBar, trickle } from "./components/TopProgressBar/TopProgressBar.js";
 import { Tour } from "./components/Tour/Tour.js";
 import { TransferList } from "./components/TransferList/TransferList.js";
+import { TrashView } from "./components/TrashView/TrashView.js";
 import { filterTree, nodePath } from "./components/TreeSelect/treeModel.js";
 import { TreeSelect } from "./components/TreeSelect/TreeSelect.js";
 import { TreeView } from "./components/TreeView/TreeView.js";
@@ -266,10 +277,11 @@ import { UrlField } from "./components/UrlField/UrlField.js";
 import { UsageMeter } from "./components/UsageMeter/UsageMeter.js";
 import { VknField } from "./components/VknField/VknField.js";
 import { WeekPicker } from "./components/WeekPicker/WeekPicker.js";
+import { WhatsNew } from "./components/WhatsNew/WhatsNew.js";
 import { Wizard } from "./components/Wizard/Wizard.js";
 import { DEFAULT_WORKING_HOURS, WEEKDAYS, dayProblem, sortRanges, validateWorkingHours } from "./components/WorkingHoursEditor/workingHours.js";
 import { WorkingHoursEditor } from "./components/WorkingHoursEditor/WorkingHoursEditor.js";
 import { YearPicker } from "./components/YearPicker/YearPicker.js";
 import { ARIA_HIDDEN_INPUT_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES } from "./csp/csp.js";
 import { LOCALES, toLocale } from "./provider/locale.js";
-export { ARIA_HIDDEN_INPUT_STYLE, AVATAR_COLORS, Accent, ActionBar, AddressFields, AddressText, Alert, AlertDialog, Amount, AnchorNav, Announcer, AppHeader, AppShell, ArrowLink, AspectRatio, Avatar, AvatarGroup, BackLink, Badge, BankSelect, Banner, Bleed, Blockquote, BottomNav, BottomSheet, Breadcrumbs, Button, ButtonGroup, COMMON_EMAIL_DOMAINS, COMPANY_TYPES, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES, Calendar, Callout, Card, CardLink, Center, CharacterCounter, ChatMessage, Checkbox, CheckboxCard, CheckboxCards, CheckboxGroup, Chip, ChipGroup, ChoiceCard, ChoiceCards, ClientOnly, CloseButton, Coachmark, Code, ColorPicker, ColorSwatchPicker, Columns, Combobox, CommandPalette, CommentThread, CompanyTypeSelect, ConfirmButton, Container, ContextMenu, ContextualHelp, CopyButton, Countdown, CountrySelect, CurrencyField, DEFAULT_MESSAGES, DEFAULT_THEME_STORAGE_KEY, DEFAULT_TIME_ZONE, DEFAULT_TOAST_TIMEOUT, DEFAULT_WORKING_HOURS, DangerZone, DateField, DatePicker, DateRangePicker, DateTime, DateTimePicker, DescriptionItem, DescriptionList, Dialog, DistrictSelect, Divider, DownloadButton, Drawer, DropdownMenu, Duration, DurationField, EMOJI_CATEGORIES, EmailField, EmailLink, EmojiPicker, EmptyState, EntityHeader, ErrorBoundary, ErrorState, Eyebrow, FavoriteToggle, FieldDescription, FieldErrorText, FieldLabel, Fieldset, FileSize, FileUpload, FilterPanel, FloatingActionButton, FocusTrap, FootnoteRef, Footnotes, Form, FormErrorSummary, FormattedNumber, FullscreenOverlay, Grid, Heading, Highlight, HoverCard, IMAGE_UPLOAD_TYPES, IYS_CHANNELS, IbanField, IbanText, IconButton, IconPicker, IdCardSerialField, ImageUpload, InfiniteList, Inline, InlineEdit, InlineMessage, InputGroup, InviteMembers, IysConsent, Kbd, KepAddressField, KeyValue, KvkkConsent, LOCALES, LanguageSwitch, Lightbox, Link, List, ListItem, Listbox, LoadingBoundary, LoadingOverlay, MAX_MARKDOWN_LENGTH, MIN_TOAST_TIMEOUT, Mark, Markdown, MaskedField, Masonry, MasterDetail, Mentions, Menu, MenuItem, MenuPopover, MenuSection, MenuSeparator, MersisField, Meter, MobileNav, MonthPicker, MultiSelect, NaceCodeSelect, NavRail, NeighborhoodSelect, NewPasswordField, NotificationBell, NotificationCenter, NumberField, OfflineIndicator, OnboardingChecklist, OtpField, PageHeader, Pagination, PasswordField, PasswordStrength, PhoneField, PhoneLink, PlateField, Popover, Portal, PostalCodeField, PrevNext, PricingTable, PrintButton, ProgressBar, ProgressCircle, PromptDialog, Prose, ProvinceSelect, QuarterPicker, RRULE_DAYS, Radio, RadioCard, RadioCards, RadioGroup, RangeCalendar, RangeSlider, Rating, RatingDisplay, ReactionPicker, ReadMore, RecurrencePicker, RelativeTime, RoleMatrix, SPACES, ScrollArea, ScrollShadow, SearchField, SearchResults, Section, SegmentedControl, SegmentedControlItem, SegmentedNav, Select, SettingsRow, SettingsSection, ShareButton, ShortcutsDialog, Show, SideNav, SignaturePad, Skeleton, SkipLink, Slider, Spacer, Spinner, SplitButton, SplitView, Stack, Stat, StatGroup, StatusDot, Steps, Sticky, Submenu, SuccessState, Surface, Switch, THEMES, THEME_CHANGE_EVENT, TR_BANKS, TR_PROVINCES, TURNSTILE_SCRIPT_URL, Tab, TabList, TabPanel, TableOfContents, Tabs, Tag, TagInput, TaxIdField, TaxOfficeSelect, TcknField, Text, TextArea, TextField, ThemeScript, ThemeSwitch, TimeField, TimeSlotPicker, TimeZoneSelect, ToastQueue, ToggleButton, ToggleGroup, ToggleGroupItem, Toolbar, ToolbarGroup, ToolbarSeparator, Tooltip, TopNav, TopProgressBar, Tour, TransferList, TreeSelect, TreeView, Truncate, TurnstileField, UIProvider, UnsavedChangesPrompt, UpdatePrompt, UploadQueue, UrlField, UsageMeter, VisuallyHidden, VknField, WEEKDAYS, WeekPicker, Wizard, WorkingHoursEditor, YearPicker, announce, avatarColorOf, avatarGroupCounts, badgeCountText, bankByCode, capitalize, characterCount, clampCrop, companyTypeName, compare, containsPersonalInfo, containsStrict, contextOf, createFormatter, createToastQueue, currentTheme, dayKey, dayProblem, defaultRangePresets, describeAccept, describeRecurrence, estimatePasswordStrength, extractRaw, fileKey, filterTree, findMentions, footnoteId, footnoteRefId, formatCalendarDate, formatCalendarDateTime, formatClock, formatCompact, formatCurrency, formatDate, formatDateRange, formatDateTime, formatDuration, formatFileSize, formatIban, formatList, formatMasked, formatMonthYear, formatNumber, formatOffset, formatPercent, formatPlate, formatRRule, formatRelativeTime, formatTime, formatTrPhone, headingSlug, highlightRanges, highlightTerms, ibanBankCode, iconLabel, initials, isAllowedProtocol, isCommonPassword, isEmailAddress, isTheme, isTrMobile, isValidIban, isValidIdCardSerial, isValidKep, isValidMersis, isValidPhone, isValidPlate, isValidTckn, isValidVkn, isoWeekOf, isoWeekRange, matchesAccept, matchesLoose, mentionQuery, messagesFor, nodePath, normalizeIban, normalizeIdCardSerial, normalizeNaceQuery, normalizeTrPhone, normalizeUrl, nthWeekdayOf, pageItems, parseMask, parseNumber, parsePlate, parseRRule, partitionFiles, provinceByCode, quarterRange, resolveGridColumns, resolveToastTimeout, safeUrl, searchContains, searchFold, searchKey, setTheme, slotCount, sortBy, sortRanges, sourceRect, splitInternational, statGroupColumns, statTrend, stepStatus, suggestEmail, tabbables, taxIdKind, template, themeScript, themeScriptHash, timeSlots, timeZoneOffset, toE164, toLocale, toLower, toUpper, toast, trickle, useFormatter, useIsClient, useLocale, useMessages, useTheme, useUnsavedChanges, useValidationMessage, validateWorkingHours, weekdayOf };
+export { ARIA_HIDDEN_INPUT_STYLE, AVATAR_COLORS, Accent, Accordion, ActionBar, AddressFields, AddressText, Alert, AlertDialog, Amount, AnchorNav, Announcer, AppHeader, AppShell, ArrowLink, AspectRatio, Avatar, AvatarGroup, BackLink, Badge, BankSelect, Banner, Bleed, Blockquote, BottomNav, BottomSheet, Breadcrumbs, Button, ButtonGroup, COMMON_EMAIL_DOMAINS, COMPANY_TYPES, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES, Calendar, Callout, Card, CardLink, Center, CharacterCounter, ChatMessage, Checkbox, CheckboxCard, CheckboxCards, CheckboxGroup, Chip, ChipGroup, ChoiceCard, ChoiceCards, ClientOnly, CloseButton, Coachmark, Code, ColorPicker, ColorSwatchPicker, Columns, Combobox, CommandPalette, CommentThread, CompanyTypeSelect, ConfirmButton, Container, ContextMenu, ContextualHelp, CopyButton, Countdown, CountrySelect, CurrencyField, DEFAULT_MESSAGES, DEFAULT_THEME_STORAGE_KEY, DEFAULT_TIME_ZONE, DEFAULT_TOAST_TIMEOUT, DEFAULT_WORKING_HOURS, DangerZone, DateField, DatePicker, DateRangePicker, DateTime, DateTimePicker, DescriptionItem, DescriptionList, Dialog, Disclosure, DistrictSelect, Divider, DownloadButton, Drawer, DropdownMenu, Duration, DurationField, EMOJI_CATEGORIES, EmailField, EmailLink, EmojiPicker, EmptyState, EntityHeader, ErrorBoundary, ErrorPage, ErrorState, Eyebrow, FavoriteToggle, FeedbackWidget, FieldDescription, FieldErrorText, FieldLabel, Fieldset, Figure, FileList, FileSize, FileUpload, FilterPanel, FloatingActionButton, FocusTrap, FootnoteRef, Footnotes, Form, FormErrorSummary, FormattedNumber, FullscreenOverlay, Grid, Heading, Highlight, HoverCard, IMAGE_UPLOAD_TYPES, IYS_CHANNELS, IbanField, IbanText, IconButton, IconPicker, IdCardSerialField, ImageUpload, InfiniteList, Inline, InlineEdit, InlineMessage, InputGroup, InviteMembers, IysConsent, Kbd, KepAddressField, KeyValue, KvkkConsent, LOCALES, LanguageSwitch, Lightbox, Link, LinkRows, List, ListItem, Listbox, LoadingBoundary, LoadingOverlay, MAX_MARKDOWN_LENGTH, MIN_TOAST_TIMEOUT, Mark, Markdown, MaskedField, Masonry, MasterDetail, Mentions, Menu, MenuItem, MenuPopover, MenuSection, MenuSeparator, MersisField, Meter, MobileNav, MonthPicker, MultiSelect, NaceCodeSelect, NavRail, NeighborhoodSelect, NewPasswordField, NotificationBell, NotificationCenter, NumberField, OfflineIndicator, OnboardingChecklist, OtpField, PageHeader, Pagination, PasswordField, PasswordStrength, PersonItem, PhoneField, PhoneLink, PlateField, Popover, Portal, PostalCodeField, PrevNext, PricingTable, PrintButton, ProgressBar, ProgressCircle, PromptDialog, Prose, ProvinceSelect, QuarterPicker, RRULE_DAYS, Radio, RadioCard, RadioCards, RadioGroup, RangeCalendar, RangeSlider, Rating, RatingDisplay, ReactionPicker, ReadMore, RecurrencePicker, RelativeTime, RoleMatrix, SPACES, ScrollArea, ScrollShadow, SearchField, SearchResults, Section, SegmentedControl, SegmentedControlItem, SegmentedNav, Select, SettingsRow, SettingsSection, ShareButton, ShortcutsDialog, Show, SideNav, SignaturePad, Skeleton, SkipLink, Slider, Spacer, Spinner, SplitButton, SplitView, Stack, Stat, StatGroup, StatusDot, Steps, Sticky, Submenu, SuccessState, Surface, Switch, THEMES, THEME_CHANGE_EVENT, TR_BANKS, TR_PROVINCES, TURNSTILE_SCRIPT_URL, Tab, TabList, TabPanel, Table, TableOfContents, Tabs, Tag, TagInput, TaxIdField, TaxOfficeSelect, TcknField, Text, TextArea, TextField, ThemeScript, ThemeSwitch, TimeField, TimeSlotPicker, TimeZoneSelect, ToastQueue, ToggleButton, ToggleGroup, ToggleGroupItem, Toolbar, ToolbarGroup, ToolbarSeparator, Tooltip, TopNav, TopProgressBar, Tour, TransferList, TrashView, TreeSelect, TreeView, Truncate, TurnstileField, UIProvider, UnsavedChangesPrompt, UpdatePrompt, UploadQueue, UrlField, UsageMeter, VisuallyHidden, VknField, WEEKDAYS, WeekPicker, WhatsNew, Wizard, WorkingHoursEditor, YearPicker, announce, avatarColorOf, avatarGroupCounts, badgeCountText, bankByCode, capitalize, characterCount, clampCrop, companyTypeName, compare, containsPersonalInfo, containsStrict, contextOf, createFormatter, createToastQueue, currentTheme, dayKey, dayProblem, defaultRangePresets, describeAccept, describeRecurrence, estimatePasswordStrength, extractRaw, fileExtension, fileKey, fileKind, filterTree, findMentions, footnoteId, footnoteRefId, formatCalendarDate, formatCalendarDateTime, formatClock, formatCompact, formatCurrency, formatDate, formatDateRange, formatDateTime, formatDuration, formatFileSize, formatIban, formatList, formatMasked, formatMonthYear, formatNumber, formatOffset, formatPercent, formatPlate, formatRRule, formatRelativeTime, formatTime, formatTrPhone, headingSlug, highlightRanges, highlightTerms, ibanBankCode, iconLabel, initials, isAllowedProtocol, isCommonPassword, isEmailAddress, isTheme, isTrMobile, isValidIban, isValidIdCardSerial, isValidKep, isValidMersis, isValidPhone, isValidPlate, isValidTckn, isValidVkn, isoWeekOf, isoWeekRange, matchesAccept, matchesLoose, mentionQuery, messagesFor, nodePath, normalizeIban, normalizeIdCardSerial, normalizeNaceQuery, normalizeTrPhone, normalizeUrl, nthWeekdayOf, pageItems, parseMask, parseNumber, parsePlate, parseRRule, partitionFiles, provinceByCode, quarterRange, resolveGridColumns, resolveToastTimeout, safeUrl, searchContains, searchFold, searchKey, setTheme, slotCount, sortBy, sortRanges, sourceRect, splitInternational, statGroupColumns, statTrend, stepStatus, suggestEmail, tabbables, taxIdKind, template, themeScript, themeScriptHash, timeSlots, timeZoneOffset, toE164, toLocale, toLower, toUpper, toast, trickle, useFormatter, useIsClient, useLocale, useMessages, useTheme, useUnsavedChanges, useValidationMessage, validateWorkingHours, weekdayOf };

package/dist/maps/DirectionsLink/DirectionsLink.css

@@ -0,0 +1,10 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-DirectionsLink-button-a5522[data-size] {
+    white-space: normal;
+    text-align: center;
+    block-size: auto;
+    max-inline-size: 100%;
+    padding-block: var(--sti-space-2);
+  }
+}

package/dist/maps/DirectionsLink/DirectionsLink.d.ts

@@ -0,0 +1,35 @@
+import { LatLng } from "../_internal/geo.js";
+import { ReactNode } from "react";
+export type DirectionsProvider = "osm" | "google" | "apple";
+export type DirectionsMode = "driving" | "walking" | "cycling" | "transit";
+export type DirectionsPlace = LatLng | string;
+export interface DirectionsOptions {
+  /** Varış: koordinat ya da adres metni. */
+  destination: DirectionsPlace;
+  /** Çıkış: verilmezse hizmet kişinin konumunu sorar. */
+  origin?: DirectionsPlace;
+  /** Hizmet; varsayılan OpenStreetMap (hesapsız, izleyicisiz). */
+  provider?: DirectionsProvider;
+  mode?: DirectionsMode;
+}
+/**
+ * Yol tarifi adresi. Yalnız kişi bağlantıya basınca açılır; sayfa yüklenirken hiçbir hizmete
+ * istek gitmez. Geçersiz konum ya da boş adres için `null`. OpenStreetMap adresle tarif
+ * vermez: adres varışta arama sayfası açılır; çıkış adresi desteklenmez.
+ */
+export declare function directionsUrl(o: DirectionsOptions): string | null;
+export interface DirectionsLinkProps extends DirectionsOptions {
+  /** Bağlantı metni ("Yol tarifi al"); gidilecek yeri de söylemesi için ad eklenebilir. */
+  children: ReactNode;
+  /** `link`: ok işaretli metin bağlantısı (varsayılan); `button`: düğme görünüşlü. */
+  variant?: "link" | "button";
+  size?: "sm" | "md" | "lg";
+  className?: string;
+  id?: string;
+}
+/**
+ * Yol tarifi bağlantısı: seçilen hizmette tarifi yeni sekmede açar (`noopener noreferrer`, "yeni
+ * sekmede açılır" bilgisiyle). Sunucu bileşenidir; sayfa yüklenirken üçüncü tarafa istek yapmaz.
+ * Konum geçersizse hiçbir şey çizmez.
+ */
+export declare function DirectionsLink({ children, variant, size, className, id, ...options }: DirectionsLinkProps): import("react").JSX.Element | null;

package/dist/maps/DirectionsLink/DirectionsLink.js

@@ -0,0 +1,84 @@
+import { Button } from "../../components/Button/Button.js";
+import { ArrowLink } from "../../components/ArrowLink/ArrowLink.js";
+import { CompassIcon } from "../../icons/generated/CompassIcon.js";
+import { isLatLng } from "../_internal/geo.js";
+import DirectionsLink_module_default from "./DirectionsLink.module.js";
+import { jsx } from "react/jsx-runtime";
+// src/maps/DirectionsLink/DirectionsLink.tsx
+const MAX_ADDRESS = 300;
+const isPlace = (p) => typeof p === "string" ? p.trim().length > 0 && p.length <= MAX_ADDRESS : isLatLng(p);
+const coords = (p) => `${p.lat.toFixed(6)},${p.lng.toFixed(6)}`;
+const text = (p) => typeof p === "string" ? p.trim() : coords(p);
+/**
+* Yol tarifi adresi. Yalnız kişi bağlantıya basınca açılır; sayfa yüklenirken hiçbir hizmete
+* istek gitmez. Geçersiz konum ya da boş adres için `null`. OpenStreetMap adresle tarif
+* vermez: adres varışta arama sayfası açılır; çıkış adresi desteklenmez.
+*/
+function directionsUrl(o) {
+	const { destination, origin, provider = "osm", mode = "driving" } = o;
+	if (!isPlace(destination) || origin !== void 0 && !isPlace(origin)) return null;
+	if (provider === "google") {
+		const u = new URL("https://www.google.com/maps/dir/");
+		u.searchParams.set("api", "1");
+		u.searchParams.set("destination", text(destination));
+		if (origin !== void 0) u.searchParams.set("origin", text(origin));
+		u.searchParams.set("travelmode", mode === "cycling" ? "bicycling" : mode);
+		return u.toString();
+	}
+	if (provider === "apple") {
+		const u = new URL("https://maps.apple.com/");
+		u.searchParams.set("daddr", text(destination));
+		if (origin !== void 0) u.searchParams.set("saddr", text(origin));
+		const flag = {
+			driving: "d",
+			walking: "w",
+			transit: "r",
+			cycling: void 0
+		}[mode];
+		if (flag) u.searchParams.set("dirflg", flag);
+		return u.toString();
+	}
+	if (typeof destination === "string") {
+		const u = new URL("https://www.openstreetmap.org/search");
+		u.searchParams.set("query", destination.trim());
+		return u.toString();
+	}
+	const u = new URL("https://www.openstreetmap.org/directions");
+	const engine = {
+		driving: "car",
+		transit: "car",
+		walking: "foot",
+		cycling: "bike"
+	}[mode];
+	u.searchParams.set("engine", `fossgis_osrm_${engine}`);
+	const from = origin !== void 0 && typeof origin !== "string" ? coords(origin) : "";
+	u.searchParams.set("route", `${from};${coords(destination)}`);
+	return u.toString();
+}
+/**
+* Yol tarifi bağlantısı: seçilen hizmette tarifi yeni sekmede açar (`noopener noreferrer`, "yeni
+* sekmede açılır" bilgisiyle). Sunucu bileşenidir; sayfa yüklenirken üçüncü tarafa istek yapmaz.
+* Konum geçersizse hiçbir şey çizmez.
+*/
+function DirectionsLink({ children, variant = "link", size = "md", className, id, ...options }) {
+	const href = directionsUrl(options);
+	if (!href) return null;
+	if (variant === "button") return /* @__PURE__ */ jsx(Button, {
+		id,
+		className: [DirectionsLink_module_default.button, className].filter(Boolean).join(" "),
+		href,
+		target: "_blank",
+		size,
+		iconStart: /* @__PURE__ */ jsx(CompassIcon, {}),
+		children
+	});
+	return /* @__PURE__ */ jsx(ArrowLink, {
+		id,
+		className,
+		href,
+		size,
+		external: true,
+		children
+	});
+}
+export { DirectionsLink, directionsUrl };

package/dist/maps/DirectionsLink/DirectionsLink.module.js

@@ -0,0 +1,4 @@
+import './DirectionsLink.css';
+// src/maps/DirectionsLink/DirectionsLink.module.css
+var DirectionsLink_module_default = { "button": "sti-DirectionsLink-button-a5522" };
+export { DirectionsLink_module_default as default };

package/dist/maps/DirectionsLink/index.d.ts

@@ -0,0 +1,2 @@
+import { DirectionsLink, DirectionsLinkProps, DirectionsMode, DirectionsOptions, DirectionsPlace, DirectionsProvider, directionsUrl } from "./DirectionsLink.js";
+export { DirectionsLink, DirectionsLinkProps, DirectionsMode, DirectionsOptions, DirectionsPlace, DirectionsProvider, directionsUrl };

package/dist/maps/LocationPicker/LocationPicker.css

@@ -0,0 +1,60 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-LocationPicker-root-8abe0 {
+    align-content: start;
+    gap: var(--sti-space-3);
+    min-width: 0;
+    font-family: var(--sti-font-text);
+    grid-template-columns: minmax(0, 1fr);
+    display: grid;
+  }
+
+  .sti-LocationPicker-root-8abe0[data-disabled] .sti-LocationPicker-map-70218 {
+    opacity: var(--sti-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .sti-LocationPicker-meta-45180 {
+    gap: var(--sti-space-1);
+    display: grid;
+  }
+
+  .sti-LocationPicker-summary-96b90 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-LocationPicker-map-70218 {
+    min-width: 0;
+  }
+
+  .sti-LocationPicker-coords-0124e {
+    align-items: start;
+    gap: var(--sti-space-3);
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    display: grid;
+  }
+
+  .sti-LocationPicker-actions-cae60 {
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-LocationPicker-status-d9321 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+  }
+
+  .sti-LocationPicker-status-d9321:empty {
+    display: none;
+  }
+
+  .sti-LocationPicker-status-d9321[data-tone="danger"] {
+    color: var(--sti-fg-danger);
+    font-weight: var(--sti-font-weight-medium);
+  }
+}

package/dist/maps/LocationPicker/LocationPicker.d.ts

@@ -0,0 +1,37 @@
+import { LatLng } from "../_internal/geo.js";
+import { MapViewProps } from "../MapView/MapView.js";
+import { ReactNode } from "react";
+export interface LocationPickerProps {
+  /** Görünür etiket (zorunlu): "Mağaza konumu". */
+  label: ReactNode;
+  description?: ReactNode;
+  /** Dışarıdan hata metni (ör. sunucudan); `isInvalid` ile birlikte gösterilir. */
+  errorMessage?: string;
+  isInvalid?: boolean;
+  showOptional?: boolean;
+  /** Seçili konum (denetimli); `null` konum seçilmemiş demektir. */
+  value?: LatLng | null;
+  defaultValue?: LatLng | null;
+  onChange?: (value: LatLng | null) => void;
+  /** Formda gönderilen ad: değer `enlem,boylam` metnidir (6 ondalık); konum yoksa gönderilmez. */
+  name?: string;
+  isRequired?: boolean;
+  isDisabled?: boolean;
+  isReadOnly?: boolean;
+  /** Harita yüksekliği; varsayılan `md`. */
+  size?: "sm" | "md" | "lg";
+  /** Konum yokken haritanın başlangıç merkezi ve düzeyi. */
+  defaultCenter?: LatLng;
+  defaultZoom?: number;
+  /** Harita izni ve karo kaynağı (`MapView` ile aynı). */
+  mapProps?: Pick<MapViewProps, "isLoaded" | "defaultLoaded" | "onLoadedChange" | "tileUrl" | "attribution">;
+  className?: string;
+  id?: string;
+}
+/**
+ * Konum seçici: haritadan nokta seçme (tıklama, dokunma ya da harita odaktayken Enter), koordinatı
+ * elle girme ve cihaz konumunu kullanma. Koordinat alanları haritanın klavyeyle de kullanılabilen
+ * eşdeğeridir: harita hiç yüklenmese de konum girilebilir. Cihaz konumu yalnız düğmeye basılınca
+ * istenir ve hiçbir yere gönderilmez.
+ */
+export declare function LocationPicker(props: LocationPickerProps): import("react").JSX.Element;

package/dist/maps/LocationPicker/LocationPicker.js

@@ -0,0 +1,278 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
+import { fieldStyles } from "../../components/Field/Field.js";
+import { TextField } from "../../components/TextField/TextField.js";
+import { Button } from "../../components/Button/Button.js";
+import { CompassIcon } from "../../icons/generated/CompassIcon.js";
+import { parseCoordinate, roundCoordinate } from "../_internal/geo.js";
+import { useControllable } from "../_internal/useControllable.js";
+import { MapMarker } from "../MapMarker/MapMarker.js";
+import { MapView } from "../MapView/MapView.js";
+import LocationPicker_module_default from "./LocationPicker.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+// src/maps/LocationPicker/LocationPicker.tsx
+/**
+* Konum seçici: haritadan nokta seçme (tıklama, dokunma ya da harita odaktayken Enter), koordinatı
+* elle girme ve cihaz konumunu kullanma. Koordinat alanları haritanın klavyeyle de kullanılabilen
+* eşdeğeridir: harita hiç yüklenmese de konum girilebilir. Cihaz konumu yalnız düğmeye basılınca
+* istenir ve hiçbir yere gönderilmez.
+*/
+function LocationPicker(props) {
+	const { label, description, errorMessage, isInvalid, showOptional, name, isRequired, isDisabled, isReadOnly, size = "md", defaultCenter, defaultZoom, mapProps, className, id } = props;
+	const messages = useMessages();
+	const format = useFormatter();
+	const labelId = useId();
+	const describedBy = useId();
+	const [value, setValue] = useControllable(props.value, props.defaultValue ?? null, props.onChange);
+	const show = (n) => format.number(n, {
+		maximumFractionDigits: 6,
+		useGrouping: false
+	});
+	const [draft, setDraft] = useState({
+		lat: value ? show(value.lat) : "",
+		lng: value ? show(value.lng) : ""
+	});
+	const [errors, setErrors] = useState({});
+	const [center, setCenter] = useState(value ?? defaultCenter);
+	const [zoom, setZoom] = useState(value ? 15 : defaultZoom);
+	const [status, setStatus] = useState(null);
+	const [locating, setLocating] = useState(false);
+	const lastEmitted = useRef(value);
+	const editable = !isDisabled && !isReadOnly;
+	useEffect(() => {
+		const prev = lastEmitted.current;
+		if (prev?.lat === value?.lat && prev?.lng === value?.lng) return;
+		lastEmitted.current = value;
+		setDraft({
+			lat: value ? show(value.lat) : "",
+			lng: value ? show(value.lng) : ""
+		});
+		setErrors({});
+		if (value) setCenter(value);
+	}, [value?.lat, value?.lng]);
+	const commit = (next, { recenter = true } = {}) => {
+		lastEmitted.current = next;
+		setValue(next);
+		setDraft({
+			lat: next ? show(next.lat) : "",
+			lng: next ? show(next.lng) : ""
+		});
+		setErrors({});
+		if (next && recenter) {
+			setCenter(next);
+			setZoom((z) => Math.max(z ?? 0, 15));
+		}
+	};
+	const picked = (p) => template(messages.locationPicked, {
+		lat: show(p.lat),
+		lng: show(p.lng)
+	});
+	const pick = (p) => {
+		if (!editable) return;
+		const next = {
+			lat: roundCoordinate(p.lat),
+			lng: roundCoordinate(p.lng)
+		};
+		commit(next, { recenter: false });
+		setStatus({
+			text: picked(next),
+			tone: "info"
+		});
+	};
+	/** Alanlardaki metni denetler; ikisi de geçerliyse değeri bildirir. */
+	const commitDraft = () => {
+		const latText = draft.lat.trim();
+		const lngText = draft.lng.trim();
+		if (!latText && !lngText) {
+			setErrors({});
+			if (value) commit(null);
+			return;
+		}
+		const lat = parseCoordinate(latText);
+		const lng = parseCoordinate(lngText);
+		const next = {};
+		if (!latText) next.lat = messages.errorCoordinateIncomplete;
+		else if (lat === null || Math.abs(lat) > 90) next.lat = messages.errorLatitudeRange;
+		if (!lngText) next.lng = messages.errorCoordinateIncomplete;
+		else if (lng === null || Math.abs(lng) > 180) next.lng = messages.errorLongitudeRange;
+		setErrors(next);
+		if (!next.lat && !next.lng && lat !== null && lng !== null) {
+			const rounded = {
+				lat: roundCoordinate(lat),
+				lng: roundCoordinate(lng)
+			};
+			if (value?.lat !== rounded.lat || value?.lng !== rounded.lng) commit(rounded);
+		}
+	};
+	const locate = () => {
+		if (!navigator.geolocation) {
+			setStatus({
+				text: messages.locationUnavailable,
+				tone: "danger"
+			});
+			return;
+		}
+		setLocating(true);
+		setStatus({
+			text: messages.locationLocating,
+			tone: "info"
+		});
+		navigator.geolocation.getCurrentPosition((pos) => {
+			setLocating(false);
+			const next = {
+				lat: roundCoordinate(pos.coords.latitude),
+				lng: roundCoordinate(pos.coords.longitude)
+			};
+			commit(next);
+			setStatus({
+				text: picked(next),
+				tone: "info"
+			});
+		}, (err) => {
+			setLocating(false);
+			setStatus({
+				text: err.code === 1 ? messages.locationDenied : messages.locationUnavailable,
+				tone: "danger"
+			});
+		}, {
+			enableHighAccuracy: false,
+			timeout: 15e3,
+			maximumAge: 6e4
+		});
+	};
+	const summary = value ? template(messages.locationSelected, {
+		lat: show(value.lat),
+		lng: show(value.lng)
+	}) : messages.locationNone;
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [LocationPicker_module_default.root, className].filter(Boolean).join(" "),
+		role: "group",
+		"aria-labelledby": labelId,
+		"aria-describedby": describedBy,
+		"data-disabled": isDisabled ? "" : void 0,
+		"data-invalid": isInvalid ? "" : void 0,
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				id: labelId,
+				className: fieldStyles.label,
+				children: [label, showOptional && !isRequired ? /* @__PURE__ */ jsxs("span", {
+					className: fieldStyles.optional,
+					children: [
+						" (",
+						messages.optional,
+						")"
+					]
+				}) : null]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				id: describedBy,
+				className: LocationPicker_module_default.meta,
+				children: [description ? /* @__PURE__ */ jsx("span", {
+					className: fieldStyles.description,
+					children: description
+				}) : null, /* @__PURE__ */ jsx("span", {
+					className: LocationPicker_module_default.summary,
+					children: summary
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: LocationPicker_module_default.map,
+				inert: isDisabled,
+				children: /* @__PURE__ */ jsx(MapView, {
+					label: typeof label === "string" ? label : messages.mapRole,
+					size,
+					center,
+					zoom,
+					onCenterChange: setCenter,
+					onZoomChange: setZoom,
+					defaultCenter,
+					defaultZoom,
+					crosshair: editable ? "focus" : void 0,
+					onPick: editable ? pick : void 0,
+					...mapProps,
+					children: value ? /* @__PURE__ */ jsx(MapMarker, {
+						lat: value.lat,
+						lng: value.lng,
+						label: summary,
+						tone: "danger"
+					}) : null
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: LocationPicker_module_default.coords,
+				onKeyDown: (e) => {
+					if (e.key === "Enter" && e.target instanceof HTMLInputElement) commitDraft();
+				},
+				children: [/* @__PURE__ */ jsx(TextField, {
+					label: messages.locationLatitude,
+					size: "sm",
+					inputMode: "decimal",
+					autoComplete: "off",
+					value: draft.lat,
+					onChange: (v) => setDraft((d) => ({
+						...d,
+						lat: v
+					})),
+					onBlur: commitDraft,
+					isRequired,
+					isDisabled,
+					isReadOnly,
+					isInvalid: Boolean(errors.lat),
+					errorMessage: errors.lat
+				}), /* @__PURE__ */ jsx(TextField, {
+					label: messages.locationLongitude,
+					size: "sm",
+					inputMode: "decimal",
+					autoComplete: "off",
+					value: draft.lng,
+					onChange: (v) => setDraft((d) => ({
+						...d,
+						lng: v
+					})),
+					onBlur: commitDraft,
+					isRequired,
+					isDisabled,
+					isReadOnly,
+					isInvalid: Boolean(errors.lng),
+					errorMessage: errors.lng
+				})]
+			}),
+			editable ? /* @__PURE__ */ jsxs("div", {
+				className: LocationPicker_module_default.actions,
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "secondary",
+					iconStart: /* @__PURE__ */ jsx(CompassIcon, {}),
+					isPending: locating,
+					onPress: locate,
+					children: messages.locationUseMine
+				}), value ? /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "ghost",
+					onPress: () => commit(null),
+					children: messages.locationClear
+				}) : null]
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: LocationPicker_module_default.status,
+				role: "status",
+				"data-tone": status?.tone,
+				children: status?.text
+			}),
+			isInvalid && errorMessage ? /* @__PURE__ */ jsxs("div", {
+				className: fieldStyles.error,
+				children: [/* @__PURE__ */ jsx(AlertCircleIcon, { className: fieldStyles.errorIcon }), /* @__PURE__ */ jsx("span", { children: errorMessage })]
+			}) : null,
+			name && value ? /* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name,
+				value: `${value.lat.toFixed(6)},${value.lng.toFixed(6)}`
+			}) : null
+		]
+	});
+}
+export { LocationPicker };

package/dist/maps/LocationPicker/LocationPicker.module.js

@@ -0,0 +1,12 @@
+import './LocationPicker.css';
+// src/maps/LocationPicker/LocationPicker.module.css
+var LocationPicker_module_default = {
+	"root": "sti-LocationPicker-root-8abe0",
+	"map": "sti-LocationPicker-map-70218",
+	"meta": "sti-LocationPicker-meta-45180",
+	"summary": "sti-LocationPicker-summary-96b90",
+	"coords": "sti-LocationPicker-coords-0124e",
+	"actions": "sti-LocationPicker-actions-cae60",
+	"status": "sti-LocationPicker-status-d9321"
+};
+export { LocationPicker_module_default as default };

package/dist/maps/LocationPicker/index.d.ts

@@ -0,0 +1,2 @@
+import { LocationPicker, LocationPickerProps } from "./LocationPicker.js";
+export { LocationPicker, LocationPickerProps };