@handijit/ui 0.0.0-stage → 1.0.0

package/build/index.js

@@ -0,0 +1,207 @@
+import { default as r } from "./theme/UiProvider.js";
+import { default as a } from "./theme/initUi.js";
+import { default as l } from "./theme/UiThemeScript.js";
+import { useUi as d } from "./theme/context.js";
+import { COMPACT_DENSITY as p, DARK_THEME as m, DEFAULT_FONTS as x, LIGHT_THEME as i, METRIC_TOKENS as T } from "./theme/tokens.js";
+import { DENSITY_ATTRIBUTE as S, THEME_ATTRIBUTE as E, applyThemeConfig as C, buildThemeCss as c, resolveTokens as B } from "./helpers/theme.helper.js";
+import { hasOpenSurface as I } from "./helpers/focus.helper.js";
+import { default as D } from "./hooks/useAnnounce.js";
+import { default as g } from "./hooks/useUiTheme.js";
+import { default as b } from "./hooks/useUiTokens.js";
+import { default as U } from "./hooks/useStickToBottom.js";
+import { default as O } from "./hooks/useListboxNavigation.js";
+import { default as F } from "./hooks/usePositioning.js";
+import { default as L } from "./hooks/useVirtualList.js";
+import { default as v } from "./enums/ui-variant.enum.js";
+import { default as H } from "./enums/ui-size.enum.js";
+import { ABOVE_MOBILE_MEDIA_QUERY as V, ABOVE_TABLET_MEDIA_QUERY as Y, MOBILE_BREAKPOINT as G, TABLET_BREAKPOINT as Q, TABLET_PORTRAIT_BREAKPOINT as z } from "./constants/breakpoint.constants.js";
+import { matchesSearch as j, normalizeSearchTerm as q } from "./helpers/text.helper.js";
+import { default as X } from "./components/Button/index.js";
+import { default as $ } from "./components/IconButton/index.js";
+import { default as oe } from "./components/TextLink/index.js";
+import { default as te } from "./components/Tooltip/index.js";
+import { ContextMenu as fe, default as le } from "./components/Menu/index.js";
+import { default as de } from "./components/Popover/index.js";
+import { default as pe } from "./components/Chip/index.js";
+import { default as xe } from "./components/ChipGroup/index.js";
+import { default as Te } from "./components/Combobox/index.js";
+import { default as Se } from "./components/SegmentedControl/index.js";
+import { default as Ce } from "./components/Select/index.js";
+import { default as Be } from "./components/Checkbox/index.js";
+import { default as Ie } from "./components/Switch/index.js";
+import { default as De } from "./components/Radio/index.js";
+import { default as ge } from "./components/RadioCard/index.js";
+import { default as be } from "./components/RangeSlider/index.js";
+import { default as Ue } from "./components/RatingInput/index.js";
+import { default as Oe } from "./components/QuantityStepper/index.js";
+import { default as Fe } from "./components/TableCheckbox/index.js";
+import { default as Le } from "./components/Input/index.js";
+import { default as ve } from "./components/PasswordInput/index.js";
+import { default as He } from "./components/TagInput/index.js";
+import { default as Ve } from "./components/Textarea/index.js";
+import { default as Ge, DateRange as Qe } from "./components/DateField/index.js";
+import { default as Je } from "./components/Field/index.js";
+import { default as qe } from "./components/FileUpload/index.js";
+import { default as Xe } from "./components/Alert/index.js";
+import { default as $e } from "./components/Avatar/index.js";
+import { default as oo } from "./components/Badge/index.js";
+import { default as to } from "./components/Breadcrumb/index.js";
+import { default as fo, CardBody as lo, CardFooter as so, CardMedia as uo, CardOverlay as po } from "./components/Card/index.js";
+import { default as xo } from "./components/Carousel/index.js";
+import { default as To } from "./components/CodeBadge/index.js";
+import { default as So } from "./components/Kbd/index.js";
+import { default as Co } from "./components/StatusDot/index.js";
+import { default as Bo } from "./components/CopyField/index.js";
+import { default as Io } from "./components/Divider/index.js";
+import { default as Do, DirectoryGroup as Po, DirectoryJump as go, DirectoryRow as _o } from "./components/Directory/index.js";
+import { default as ho } from "./components/EmptyState/index.js";
+import { default as Mo } from "./components/PageHeader/index.js";
+import { default as yo, PanelForm as Fo, PanelRow as ko } from "./components/Panel/index.js";
+import { default as No } from "./components/Price/index.js";
+import { default as wo } from "./components/Rating/index.js";
+import { default as Ko } from "./components/SectionHeader/index.js";
+import { default as Yo } from "./components/ScrollArea/index.js";
+import { default as Qo, SkeletonCard as zo, SkeletonRows as Jo, SkeletonTable as jo } from "./components/Skeleton/index.js";
+import { default as Wo } from "./components/Stat/index.js";
+import { default as Zo } from "./components/SummaryCard/index.js";
+import { default as er, ProgressCircle as or } from "./components/Progress/index.js";
+import { default as tr } from "./components/Spinner/index.js";
+import { default as fr, toast as lr } from "./components/Toast/index.js";
+import { default as dr } from "./components/ToastPortal/index.js";
+import { default as pr } from "./components/Accordion/index.js";
+import { default as xr } from "./components/Disclosure/index.js";
+import { default as Tr } from "./components/Steps/index.js";
+import { default as Sr } from "./components/Tabs/index.js";
+import { default as Cr } from "./components/Tile/index.js";
+import { default as Br } from "./components/Timeline/index.js";
+import { default as Ir } from "./components/BottomSheet/index.js";
+import { default as Dr } from "./components/Modal/index.js";
+import { default as gr } from "./components/CommandPalette/index.js";
+import { default as br } from "./components/ConfirmDialog/index.js";
+import { default as Ur } from "./components/Drawer/index.js";
+import { default as Or } from "./components/PromptDialog/index.js";
+import { default as Fr, TableScroller as kr } from "./components/Table/index.js";
+import { default as Nr, DataTableRow as vr } from "./components/DataTable/index.js";
+import { default as Hr, FilterBarField as Kr } from "./components/FilterBar/index.js";
+import { default as Yr } from "./components/Pagination/index.js";
+export {
+  V as ABOVE_MOBILE_MEDIA_QUERY,
+  Y as ABOVE_TABLET_MEDIA_QUERY,
+  pr as Accordion,
+  Xe as Alert,
+  $e as Avatar,
+  oo as Badge,
+  Ir as BottomSheet,
+  to as Breadcrumb,
+  X as Button,
+  p as COMPACT_DENSITY,
+  fo as Card,
+  lo as CardBody,
+  so as CardFooter,
+  uo as CardMedia,
+  po as CardOverlay,
+  xo as Carousel,
+  Be as Checkbox,
+  pe as Chip,
+  xe as ChipGroup,
+  To as CodeBadge,
+  Te as Combobox,
+  gr as CommandPalette,
+  br as ConfirmDialog,
+  fe as ContextMenu,
+  Bo as CopyField,
+  m as DARK_THEME,
+  x as DEFAULT_FONTS,
+  S as DENSITY_ATTRIBUTE,
+  Nr as DataTable,
+  vr as DataTableRow,
+  Ge as DateField,
+  Qe as DateRange,
+  Do as Directory,
+  Po as DirectoryGroup,
+  go as DirectoryJump,
+  _o as DirectoryRow,
+  xr as Disclosure,
+  Io as Divider,
+  Ur as Drawer,
+  ho as EmptyState,
+  Je as Field,
+  qe as FileUpload,
+  Hr as FilterBar,
+  Kr as FilterBarField,
+  $ as IconButton,
+  Le as Input,
+  So as Kbd,
+  i as LIGHT_THEME,
+  T as METRIC_TOKENS,
+  G as MOBILE_BREAKPOINT,
+  le as Menu,
+  Dr as Modal,
+  Mo as PageHeader,
+  Yr as Pagination,
+  yo as Panel,
+  Fo as PanelForm,
+  ko as PanelRow,
+  ve as PasswordInput,
+  de as Popover,
+  No as Price,
+  er as Progress,
+  or as ProgressCircle,
+  Or as PromptDialog,
+  Oe as QuantityStepper,
+  De as Radio,
+  ge as RadioCard,
+  be as RangeSlider,
+  wo as Rating,
+  Ue as RatingInput,
+  Yo as ScrollArea,
+  Ko as SectionHeader,
+  Se as SegmentedControl,
+  Ce as Select,
+  Qo as Skeleton,
+  zo as SkeletonCard,
+  Jo as SkeletonRows,
+  jo as SkeletonTable,
+  tr as Spinner,
+  Wo as Stat,
+  Co as StatusDot,
+  Tr as Steps,
+  Zo as SummaryCard,
+  Ie as Switch,
+  Q as TABLET_BREAKPOINT,
+  z as TABLET_PORTRAIT_BREAKPOINT,
+  E as THEME_ATTRIBUTE,
+  Fr as Table,
+  Fe as TableCheckbox,
+  kr as TableScroller,
+  Sr as Tabs,
+  He as TagInput,
+  oe as TextLink,
+  Ve as Textarea,
+  Cr as Tile,
+  Br as Timeline,
+  fr as ToastHub,
+  dr as ToastPortal,
+  te as Tooltip,
+  H as UISize,
+  v as UIVariant,
+  r as UiProvider,
+  l as UiThemeScript,
+  C as applyThemeConfig,
+  c as buildThemeCss,
+  I as hasOpenSurface,
+  a as initUi,
+  j as matchesSearch,
+  q as normalizeSearchTerm,
+  B as resolveTokens,
+  lr as toast,
+  D as useAnnounce,
+  O as useListboxNavigation,
+  F as usePositioning,
+  U as useStickToBottom,
+  d as useUi,
+  g as useUiTheme,
+  b as useUiTokens,
+  L as useVirtualList
+};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/scss/_colors.generated.scss

@@ -0,0 +1,119 @@
+$page: var(--ui-page);
+$surface: var(--ui-surface);
+$surface-2: var(--ui-surface-2);
+$surface-3: var(--ui-surface-3);
+$surface-inset: var(--ui-surface-inset);
+$border: var(--ui-border);
+$border-strong: var(--ui-border-strong);
+$text: var(--ui-text);
+$text-2: var(--ui-text-2);
+$text-3: var(--ui-text-3);
+$shell: var(--ui-shell);
+$shell-2: var(--ui-shell-2);
+$shell-3: var(--ui-shell-3);
+$on-shell: var(--ui-on-shell);
+$on-shell-2: var(--ui-on-shell-2);
+$on-shell-danger: var(--ui-on-shell-danger);
+$shell-line: var(--ui-shell-line);
+$action: var(--ui-action);
+$action-hover: var(--ui-action-hover);
+$action-active: var(--ui-action-active);
+$on-action: var(--ui-on-action);
+$action-line: var(--ui-action-line);
+$action-soft: var(--ui-action-soft);
+$on-action-soft: var(--ui-on-action-soft);
+$cart: var(--ui-cart);
+$cart-hover: var(--ui-cart-hover);
+$cart-active: var(--ui-cart-active);
+$cart-soft: var(--ui-cart-soft);
+$on-cart: var(--ui-on-cart);
+$selected: var(--ui-selected);
+$selected-hover: var(--ui-selected-hover);
+$selected-active: var(--ui-selected-active);
+$on-selected: var(--ui-on-selected);
+$selected-tint: var(--ui-selected-tint);
+$selected-line: var(--ui-selected-line);
+$link: var(--ui-link);
+$link-hover: var(--ui-link-hover);
+$ok-bg: var(--ui-ok-bg);
+$ok-fg: var(--ui-ok-fg);
+$ok-line: var(--ui-ok-line);
+$warn-bg: var(--ui-warn-bg);
+$warn-fg: var(--ui-warn-fg);
+$warn-line: var(--ui-warn-line);
+$off-bg: var(--ui-off-bg);
+$off-fg: var(--ui-off-fg);
+$off-line: var(--ui-off-line);
+$bad-bg: var(--ui-bad-bg);
+$bad-fg: var(--ui-bad-fg);
+$bad-line: var(--ui-bad-line);
+$oem-bg: var(--ui-oem-bg);
+$oem-fg: var(--ui-oem-fg);
+$oem-line: var(--ui-oem-line);
+$alt-bg: var(--ui-alt-bg);
+$alt-fg: var(--ui-alt-fg);
+$alt-line: var(--ui-alt-line);
+$sale-bg: var(--ui-sale-bg);
+$sale-fg: var(--ui-sale-fg);
+$red-accent: var(--ui-red-accent);
+$green-accent: var(--ui-green-accent);
+$green-accent-hover: var(--ui-green-accent-hover);
+$on-green: var(--ui-on-green);
+$star: var(--ui-star);
+$danger-solid: var(--ui-danger-solid);
+$danger-solid-hover: var(--ui-danger-solid-hover);
+$on-danger: var(--ui-on-danger);
+$nav-bg: var(--ui-nav-bg);
+$nav-bg-2: var(--ui-nav-bg-2);
+$nav-fg: var(--ui-nav-fg);
+$nav-fg-2: var(--ui-nav-fg-2);
+$nav-fg-3: var(--ui-nav-fg-3);
+$nav-line: var(--ui-nav-line);
+$nav-line-strong: var(--ui-nav-line-strong);
+$nav-hover: var(--ui-nav-hover);
+$footer-bg: var(--ui-footer-bg);
+$band-bg: var(--ui-band-bg);
+$band-fg: var(--ui-band-fg);
+$band-fg-2: var(--ui-band-fg-2);
+$band-fg-3: var(--ui-band-fg-3);
+$band-accent: var(--ui-band-accent);
+$band-line: var(--ui-band-line);
+$band-hover: var(--ui-band-hover);
+$shadow-xs: var(--ui-shadow-xs);
+$shadow-sm: var(--ui-shadow-sm);
+$shadow-md: var(--ui-shadow-md);
+$shadow-lg: var(--ui-shadow-lg);
+$shadow-xl: var(--ui-shadow-xl);
+$shadow-up: var(--ui-shadow-up);
+$ring: var(--ui-ring);
+$ring-color: var(--ui-ring-color);
+$ring-danger: var(--ui-ring-danger);
+$ring-ok: var(--ui-ring-ok);
+$scrim: var(--ui-scrim);
+$scrim-soft: var(--ui-scrim-soft);
+$glass: var(--ui-glass);
+$glass-solid: var(--ui-glass-solid);
+$on-scrim: var(--ui-on-scrim);
+$skeleton-a: var(--ui-skeleton-a);
+$skeleton-b: var(--ui-skeleton-b);
+$track: var(--ui-track);
+$media-bg: var(--ui-media-bg);
+$glow-1: var(--ui-glow-1);
+$glow-2: var(--ui-glow-2);
+$glow-cart: var(--ui-glow-cart);
+$cat-1: var(--ui-cat-1);
+$cat-2: var(--ui-cat-2);
+$cat-3: var(--ui-cat-3);
+$cat-4: var(--ui-cat-4);
+$cat-5: var(--ui-cat-5);
+$series-1: var(--ui-series-1);
+$series-2: var(--ui-series-2);
+
+$font-heading: var(--ui-font-heading);
+$font-body: var(--ui-font-body);
+$font-mono: var(--ui-font-mono);
+$font-ui: $font-body;
+
+$header-offset: var(--ui-header-height, 0px);
+$sheet-inset-bottom: var(--ui-sheet-inset-bottom, 0px);
+$sheet-height: var(--ui-sheet-height, 100dvh);

package/build/scss/_index.scss

@@ -0,0 +1,6 @@
+// SCSS API — `@use '@handijit/ui/scss' as ui;`
+// Tüketicinin token değişkenlerini ve mixin'leri KOPYALAMADAN almasının tek kapısı. Değişkenler
+// `var(--ui-…)` dizeleri: tema çalışma zamanında döner, derleme anında sabitlenmez.
+// ⚠ Buraya giren her ad bir SÜRÜM TAAHHÜDÜDÜR (bkz. CLAUDE.md "SCSS API").
+@forward 'variables';
+@forward 'mixins';

package/build/scss/_metrics.generated.scss

@@ -0,0 +1,49 @@
+$radius-xs: var(--ui-radius-xs);
+$radius-sm: var(--ui-radius-sm);
+$radius-md: var(--ui-radius-md);
+$radius-lg: var(--ui-radius-lg);
+$radius-xl: var(--ui-radius-xl);
+$radius-pill: var(--ui-radius-pill);
+$type-scale: var(--ui-type-scale);
+$space-scale: var(--ui-space-scale);
+$space-0: var(--ui-space-0);
+$space-1: var(--ui-space-1);
+$space-2: var(--ui-space-2);
+$space-3: var(--ui-space-3);
+$space-4: var(--ui-space-4);
+$space-5: var(--ui-space-5);
+$space-6: var(--ui-space-6);
+$space-7: var(--ui-space-7);
+$space-8: var(--ui-space-8);
+$space-9: var(--ui-space-9);
+$font-size-2xs: var(--ui-font-size-2xs);
+$font-size-xs: var(--ui-font-size-xs);
+$font-size-sm: var(--ui-font-size-sm);
+$font-size-base: var(--ui-font-size-base);
+$font-size-body: var(--ui-font-size-body);
+$font-size-lg: var(--ui-font-size-lg);
+$font-size-xl: var(--ui-font-size-xl);
+$font-size-2xl: var(--ui-font-size-2xl);
+$font-size-3xl: var(--ui-font-size-3xl);
+$font-size-4xl: var(--ui-font-size-4xl);
+$font-size-control: var(--ui-font-size-control);
+$leading-none: var(--ui-leading-none);
+$leading-tight: var(--ui-leading-tight);
+$leading-snug: var(--ui-leading-snug);
+$leading-normal: var(--ui-leading-normal);
+$leading-relaxed: var(--ui-leading-relaxed);
+$icon-xs: var(--ui-icon-xs);
+$icon-sm: var(--ui-icon-sm);
+$icon-md: var(--ui-icon-md);
+$icon-lg: var(--ui-icon-lg);
+$icon-xl: var(--ui-icon-xl);
+$duration-instant: var(--ui-duration-instant);
+$duration-fast: var(--ui-duration-fast);
+$duration-normal: var(--ui-duration-normal);
+$duration-slow: var(--ui-duration-slow);
+$ease-out: var(--ui-ease-out);
+$ease-in-out: var(--ui-ease-in-out);
+$ease-spring: var(--ui-ease-spring);
+$duration-spin: var(--ui-duration-spin);
+$duration-shimmer: var(--ui-duration-shimmer);
+$duration-pulse: var(--ui-duration-pulse);