@giddaa-housing/ui 2.0.0 → 2.1.0

package/dist/time-picker.js

@@ -1,7 +1,7 @@
 "use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Popover, PopoverContent } from "./popover.js";
-import { n as PickerTrigger, t as PickerFooter } from "./picker-lzgmsNfG.js";
+import { n as PickerFooter, r as PickerTrigger, t as PICKER_COLLISION_AVOIDANCE } from "./picker-xSTzeYhc.js";
 import { ClockIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
@@ -132,7 +132,7 @@ function TimeColumn({ label, items, value, onChange }) {
 			role: "listbox",
 			"aria-label": label,
 			style: { height: `${VISIBLE_COUNT * ITEM_HEIGHT}px` },
-			className: "relative snap-y snap-mandatory overflow-y-scroll overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+			className: "relative snap-y snap-mandatory overflow-y-scroll overscroll-contain scrollbar-none [&::-webkit-scrollbar]:hidden",
 			children: /* @__PURE__ */ jsx("div", {
 				style: {
 					paddingTop: `${SCROLL_PADDING}px`,
@@ -161,7 +161,7 @@ function TimeColumn({ label, items, value, onChange }) {
 		})]
 	});
 }
-function TimePicker({ value, onChange, format = "12h", disabled = false, placeholder = "Select time", className }) {
+function TimePicker({ value, onChange, format = "12h", disabled = false, size, placeholder = "Select time", className }) {
 	const [open, setOpen] = React.useState(false);
 	const [pending, setPending] = React.useState(() => parseTimeString(value, format));
 	function handleOpenChange(next) {
@@ -191,11 +191,14 @@ function TimePicker({ value, onChange, format = "12h", disabled = false, placeho
 			placeholder,
 			disabled,
 			open,
+			size,
 			className
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			showArrow: false,
-			align: "start",
-			className: "min-w-(--anchor-width) gap-0 overflow-hidden rounded-2xl p-0",
+			align: "center",
+			side: "bottom",
+			collisionAvoidance: PICKER_COLLISION_AVOIDANCE,
+			className: "min-w-(--anchor-width) gap-0 overflow-hidden rounded-2xl p-0 border border-line-subtle",
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "flex w-full items-center justify-center gap-2 border-b border-line-subtle",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giddaa-housing/ui",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Giddaa reusable UI component library.",
   "type": "module",
   "private": false,
@@ -161,6 +161,10 @@
       "types": "./dist/infotip.d.ts",
       "import": "./dist/infotip.js"
     },
+    "./infinite-scroll": {
+      "types": "./dist/infinite-scroll.d.ts",
+      "import": "./dist/infinite-scroll.js"
+    },
     "./input": {
       "types": "./dist/input.d.ts",
       "import": "./dist/input.js"
@@ -383,6 +387,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.5.0",
+    "@tanstack/react-virtual": "^3.14.7",
     "@tiptap/extension-color": "^3.22.5",
     "@tiptap/extension-image": "^3.22.5",
     "@tiptap/extension-placeholder": "^3.22.5",

package/dist/picker-lzgmsNfG.js

@@ -1,32 +0,0 @@
-import { t as cn } from "./cn-BI_4DMBf.js";
-import { Button } from "./button.js";
-import { PopoverTrigger } from "./popover.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/lib/picker.tsx
-function PickerTrigger({ icon: Icon, displayValue, placeholder, disabled, open, className }) {
-	return /* @__PURE__ */ jsxs(PopoverTrigger, {
-		disabled,
-		className: cn("flex h-10 w-full items-center justify-between rounded-full border px-3.5 text-gdt-sm transition-[border-color,box-shadow] outline-none", disabled ? "cursor-not-allowed border-line-subtle bg-surface text-fg-caption-placeholder" : open ? "border-line-focus bg-canvas text-fg-primary inset-ring-1 inset-ring-line-focus" : "border-line bg-canvas text-fg-primary hover:border-line-strong", className),
-		children: [/* @__PURE__ */ jsx("span", {
-			className: cn("min-w-0 truncate", !displayValue && "text-fg-caption-placeholder"),
-			children: displayValue || placeholder
-		}), /* @__PURE__ */ jsx(Icon, { className: cn("ml-2 size-4 shrink-0", disabled ? "text-fg-caption-placeholder" : "text-fg-secondary") })]
-	});
-}
-function PickerFooter({ secondaryLabel, onSecondary, onApply }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center justify-between border-t border-line-subtle px-4 py-3",
-		children: [/* @__PURE__ */ jsx(Button, {
-			variant: "tertiary-outline",
-			size: "sm",
-			onClick: onSecondary,
-			children: secondaryLabel
-		}), /* @__PURE__ */ jsx(Button, {
-			size: "sm",
-			onClick: onApply,
-			children: "Apply"
-		})]
-	});
-}
-//#endregion
-export { PickerTrigger as n, PickerFooter as t };