klun-ui 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to **klun-ui** are documented here. The format follows
 [Semantic Versioning](https://semver.org/) (pre-1.0: minor/patch bumps may carry
 small breaking changes).
 
+## [0.1.3] — 2026-06-20
+
+### Fixed
+- **`TimePicker`** dropdowns now flip above the trigger when there isn't enough
+  room below the viewport (e.g. when the picker sits low inside a
+  `DateTimePicker` popover), instead of overflowing off-screen.
+
 ## [0.1.2] — 2026-06-20
 
 ### Added
@@ -40,6 +47,7 @@ small breaking changes).
   `ConfigProvider`, i18n locales, and the full component set (layout, forms,
   navigation, data display, feedback, overlays, charts).
 
+[0.1.3]: https://www.npmjs.com/package/klun-ui/v/0.1.3
 [0.1.2]: https://www.npmjs.com/package/klun-ui/v/0.1.2
 [0.1.1]: https://www.npmjs.com/package/klun-ui/v/0.1.1
 [0.1.0]: https://www.npmjs.com/package/klun-ui/v/0.1.0

package/dist/{chunk-RRE3PQLX.js → chunk-7EOW4LHP.js}

@@ -6997,6 +6997,7 @@ function TimeColumn({
   const colRef = useRef(null);
   const [active, setActive] = useState(-1);
   const selected = options.find((o) => o.value === current);
+  const flipUp = open && typeof window !== "undefined" && colRef.current ? colRef.current.getBoundingClientRect().bottom + 248 > window.innerHeight : false;
   const panel = () => colRef.current?.querySelector(".klun-select-listbox") ?? null;
   const scrollTo = (i, center) => {
     requestAnimationFrame(() => {
@@ -7076,7 +7077,7 @@ function TimeColumn({
     open ? /* @__PURE__ */ jsx(
       SelectListbox,
       {
-        className: "klun-time-picker__listbox",
+        className: cx("klun-time-picker__listbox", flipUp && "klun-select-listbox--up"),
         options,
         current,
         active,
@@ -10067,5 +10068,5 @@ var Popconfirm = forwardRef(function Popconfirm2({
 Popconfirm.displayName = "Popconfirm";
 
 export { Accordion, Alert, AutoComplete, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, BulkAction, BulkActionBar, Button, ButtonGroup, Card, Carousel, Cascader, CharacterCounter, ChartLegend, ChartTooltip, Checkbox, CheckboxCard, Chip, CircularProgress, CodeViewer, Col, ColorDot, ColorPicker, ColorSlider, CommandMenu, CompactSelect, CompactSelectForInput, ConfigProvider, Confirm, ContentLabel, CopyButton, CounterInput, DatePicker, DateRangePicker, DateTimePicker, Descriptions, DigitInput, Divider, Drawer, Dropdown, ExpiryCountdown, FileUpload, Flex, Form, FormItem, FormList, Format, GaugeBar, Grid, Hint, HorizontalFilter, ImageUpload, InlineInput, InlineSelect, Input, Kbd, KeyIcon, Label, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, List, ListItem, LiveDot, LogViewer, Masonry, Menu, Message, Modal, Money, Notification, Pagination, PasswordStrength, Popconfirm, Popover, ProgressBar, Radio, RadioCard, RangeSlider, Rating, RelativeTime, RichEditorToolbar, Row, SegmentedControl, SegmentedProgress, Select, SelectMenu, Skeleton, Slider, Space, Spinner2 as Spinner, Splitter2 as Splitter, SplitterPanel, Statistic, StatusBadge, StatusDot, StepIndicator, Switch, Table, Tabs, Tag, Textarea, TimePicker, Timeline, Toast, Toaster, Tooltip, Tree, Wizard, arSA, deDE, enUS, esES, fmt, frFR, idID, itIT, jaJP, koKR, locales, nlNL, plPL, primaryColorVars, ptBR, ruRU, toast, trTR, useBreakpoint, useConfig, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, viVN, zhCN, zhTW };
-//# sourceMappingURL=chunk-RRE3PQLX.js.map
-//# sourceMappingURL=chunk-RRE3PQLX.js.map
+//# sourceMappingURL=chunk-7EOW4LHP.js.map
+//# sourceMappingURL=chunk-7EOW4LHP.js.map