@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/pagination.d.ts

@@ -1,35 +1,32 @@
-import * as React from 'react';
-import { Button, ButtonLink } from './button.js';
-import 'class-variance-authority/types';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-
+import { n as ButtonLink, t as Button } from "./button-BZIeyUw6.js";
+import * as React from "react";
+//#region src/pagination.d.ts
 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 PaginationTriggerAppearance = "page" | "icon" | "control";
 type PaginationLinkProps = {
-    isActive?: boolean;
-    appearance?: PaginationTriggerAppearance;
-    page: number;
-    getHref?: (page: number) => string;
-    href?: string;
+  isActive?: boolean;
+  appearance?: PaginationTriggerAppearance;
+  page: number;
+  getHref?: (page: number) => string;
+  href?: string;
 } & Omit<React.ComponentProps<typeof ButtonLink>, "href" | "size" | "variant">;
 declare function PaginationLink({ className, appearance, getHref, href, isActive, page, ...props }: PaginationLinkProps): React.JSX.Element;
 type PaginationButtonProps = {
-    isActive?: boolean;
-    appearance?: PaginationTriggerAppearance;
-    page: number;
+  isActive?: boolean;
+  appearance?: PaginationTriggerAppearance;
+  page: number;
 } & Omit<React.ComponentProps<typeof Button>, "size" | "type" | "variant">;
 declare function PaginationButton({ className, appearance, isActive, page, ...props }: PaginationButtonProps): React.JSX.Element;
 declare function PaginationPrevious({ className, showLabel, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
-    showLabel?: boolean;
-    text?: string;
+  showLabel?: boolean;
+  text?: string;
 }): React.JSX.Element;
 declare function PaginationNext({ className, showLabel, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
-    showLabel?: boolean;
-    text?: string;
+  showLabel?: boolean;
+  text?: string;
 }): React.JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-
-export { Pagination, PaginationButton, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//#endregion
+export { Pagination, PaginationButton, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/pagination.js

@@ -1,352 +1,143 @@
-// src/components/ui/pagination.tsx
-import { cva as cva2 } from "class-variance-authority";
-import {
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  MoreHorizontalIcon
-} from "lucide-react";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { Button, ButtonLink } from "./button.js";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { Loader } from "lucide-react";
-
-// src/components/ui/size-context.tsx
-import { createContext, useContext } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var SizeContext = createContext(void 0);
-function useComponentSize(size, fallback = "md") {
-  const inheritedSize = useContext(SizeContext);
-  return size ?? inheritedSize ?? fallback;
-}
-
-// src/components/ui/button.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-full bg-clip-padding whitespace-nowrap font-bold transition-[background-color,color,border-color,box-shadow,transform] outline-none select-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        primary: "bg-action-primary text-fg-on-brand hover:bg-action-primary-hover active:bg-action-primary-pressed",
-        "primary-outline": "border-2 border-action-primary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle",
-        secondary: "bg-surface-brand-subtle text-fg-brand hover:bg-action-primary-hover hover:text-fg-on-brand active:bg-action-primary-pressed active:text-fg-on-brand data-focused:bg-action-primary-hover data-pressed:bg-action-primary-pressed data-focused:text-fg-on-brand data-pressed:text-fg-on-brand",
-        "secondary-outline": "border-2 border-action-secondary bg-transparent text-fg-brand hover:bg-surface-brand-subtle active:bg-surface-brand-subtle data-focused:bg-surface-brand-subtle data-pressed:bg-surface-brand-subtle",
-        tertiary: "bg-action-tertiary text-fg-primary hover:bg-action-tertiary-hover active:bg-action-tertiary-pressed data-focused:bg-action-tertiary-hover data-pressed:bg-action-tertiary-pressed",
-        "tertiary-outline": "border border-line-strong bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised",
-        ghost: "bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised data-focused:bg-surface data-pressed:bg-surface-raised",
-        danger: "bg-action-danger text-fg-on-brand hover:bg-action-danger-hover active:bg-action-danger-pressed data-focused:bg-action-danger-hover data-pressed:bg-action-danger-pressed",
-        "glass-overlay": "bg-surface-glass-overlay-button text-fg-on-brand",
-        "link-brand": "border-transparent bg-transparent px-0 text-fg-brand hover:underline active:underline active:opacity-70",
-        "link-neutral": "border-transparent bg-transparent px-0 text-fg-secondary hover:underline active:underline active:opacity-70"
-      },
-      size: {
-        sm: "h-8 gap-2 px-3.5 text-gdt-xs has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 [&_svg:not([class*='size-'])]:size-3.5",
-        md: "h-10 gap-2 px-4.5 text-gdt-sm has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
-        lg: "h-12.5 gap-2.5 px-5.5 text-gdt-md has-data-[icon=inline-end]:pr-5 has-data-[icon=inline-start]:pl-5 [&_svg:not([class*='size-'])]:size-4.5",
-        xl: "h-14 gap-3 px-6.5 text-gdt-lg has-data-[icon=inline-end]:pr-6 has-data-[icon=inline-start]:pl-6 [&_svg:not([class*='size-'])]:size-5",
-        icon: "size-10",
-        "icon-xs": "size-6 text-gdt-xs [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8 text-gdt-sm [&_svg:not([class*='size-'])]:size-3.5",
-        "icon-lg": "size-12.5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5",
-        "icon-xl": "size-14 text-gdt-lg [&_svg:not([class*='size-'])]:size-5"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "primary",
-  size,
-  isLoading = false,
-  children,
-  disabled = false,
-  ...props
-}) {
-  const inheritedSize = useComponentSize();
-  const resolvedSize = size ?? inheritedSize;
-  const _disabled = disabled || isLoading;
-  return /* @__PURE__ */ jsxs(
-    ButtonPrimitive,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size: resolvedSize, className })),
-      disabled: _disabled,
-      ...props,
-      children: [
-        isLoading && /* @__PURE__ */ jsx2(Loader, { className: "size-4 animate-spin" }),
-        " ",
-        children
-      ]
-    }
-  );
-}
-function ButtonLink({
-  className,
-  href,
-  variant = "primary",
-  size,
-  disabled = false,
-  onClick,
-  ...props
-}) {
-  const inheritedSize = useComponentSize();
-  const resolvedSize = size ?? inheritedSize;
-  return /* @__PURE__ */ jsx2(
-    "a",
-    {
-      "data-slot": "button-link",
-      href,
-      "aria-disabled": disabled,
-      tabIndex: disabled ? -1 : props.tabIndex,
-      className: cn(buttonVariants({ variant, size: resolvedSize, className })),
-      onClick: (event) => {
-        if (disabled) {
-          event.preventDefault();
-          return;
-        }
-        onClick?.(event);
-      },
-      ...props
-    }
-  );
-}
-
-// src/components/ui/pagination.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+//#region src/pagination.tsx
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
-    "nav",
-    {
-      "aria-label": "pagination",
-      "data-slot": "pagination",
-      className: cn("mx-auto flex w-full justify-center", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: cn("mx-auto flex w-full justify-center", className),
+		...props
+	});
 }
-function PaginationContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    "ul",
-    {
-      "data-slot": "pagination-content",
-      className: cn("flex flex-wrap items-center gap-2", className),
-      ...props
-    }
-  );
+function PaginationContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "pagination-content",
+		className: cn("flex flex-wrap items-center gap-2", className),
+		...props
+	});
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx3("li", { "data-slot": "pagination-item", ...props });
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "pagination-item",
+		...props
+	});
 }
-var paginationTriggerVariants = cva2(
-  "rounded-md font-medium shadow-none transition-[background-color,border-color,color] focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]",
-  {
-    variants: {
-      appearance: {
-        page: "px-0",
-        icon: "border border-line bg-transparent px-0 hover:border-line-strong",
-        control: "border border-line bg-transparent hover:border-line-strong"
-      },
-      isActive: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        appearance: "page",
-        isActive: true,
-        className: "bg-action-primary text-fg-on-brand hover:bg-action-primary-hover active:bg-action-primary-pressed"
-      },
-      {
-        appearance: "page",
-        isActive: false,
-        className: "bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised"
-      },
-      {
-        appearance: "icon",
-        isActive: false,
-        className: "text-fg-primary hover:bg-surface active:bg-surface-raised"
-      },
-      {
-        appearance: "control",
-        isActive: false,
-        className: "text-fg-primary hover:bg-surface active:bg-surface-raised"
-      }
-    ],
-    defaultVariants: {
-      appearance: "page",
-      isActive: false
-    }
-  }
-);
-function PaginationLink({
-  className,
-  appearance = "page",
-  getHref,
-  href,
-  isActive,
-  page,
-  ...props
-}) {
-  const resolvedHref = href ?? getHref?.(page) ?? `?page=${page}`;
-  return /* @__PURE__ */ jsx3(
-    ButtonLink,
-    {
-      href: resolvedHref,
-      variant: isActive && appearance === "page" ? "primary" : "ghost",
-      size: appearance === "control" ? "sm" : "icon-sm",
-      className: cn(
-        paginationTriggerVariants({
-          appearance,
-          isActive: Boolean(isActive)
-        }),
-        className
-      ),
-      "aria-current": isActive ? "page" : void 0,
-      "data-slot": "pagination-link",
-      "data-active": isActive,
-      "data-appearance": appearance,
-      ...props
-    }
-  );
+const paginationTriggerVariants = cva("rounded-md font-medium shadow-none transition-[background-color,border-color,color] focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]", {
+	variants: {
+		appearance: {
+			page: "px-0",
+			icon: "border border-line bg-transparent px-0 hover:border-line-strong",
+			control: "border border-line bg-transparent hover:border-line-strong"
+		},
+		isActive: {
+			true: "",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			appearance: "page",
+			isActive: true,
+			className: "bg-action-primary text-fg-on-brand hover:bg-action-primary-hover active:bg-action-primary-pressed"
+		},
+		{
+			appearance: "page",
+			isActive: false,
+			className: "bg-transparent text-fg-primary hover:bg-surface active:bg-surface-raised"
+		},
+		{
+			appearance: "icon",
+			isActive: false,
+			className: "text-fg-primary hover:bg-surface active:bg-surface-raised"
+		},
+		{
+			appearance: "control",
+			isActive: false,
+			className: "text-fg-primary hover:bg-surface active:bg-surface-raised"
+		}
+	],
+	defaultVariants: {
+		appearance: "page",
+		isActive: false
+	}
+});
+function PaginationLink({ className, appearance = "page", getHref, href, isActive, page, ...props }) {
+	return /* @__PURE__ */ jsx(ButtonLink, {
+		href: href ?? getHref?.(page) ?? `?page=${page}`,
+		variant: isActive && appearance === "page" ? "primary" : "ghost",
+		size: appearance === "control" ? "sm" : "icon-sm",
+		className: cn(paginationTriggerVariants({
+			appearance,
+			isActive: Boolean(isActive)
+		}), className),
+		"aria-current": isActive ? "page" : void 0,
+		"data-slot": "pagination-link",
+		"data-active": isActive,
+		"data-appearance": appearance,
+		...props
+	});
 }
-function PaginationButton({
-  className,
-  appearance = "page",
-  isActive,
-  page,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(
-    Button,
-    {
-      type: "button",
-      variant: isActive && appearance === "page" ? "primary" : "ghost",
-      size: appearance === "control" ? "sm" : "icon-sm",
-      className: cn(
-        paginationTriggerVariants({
-          appearance,
-          isActive: Boolean(isActive)
-        }),
-        className
-      ),
-      "aria-current": isActive ? "page" : void 0,
-      "data-slot": "pagination-button",
-      "data-active": isActive,
-      "data-appearance": appearance,
-      "data-page": page,
-      ...props
-    }
-  );
+function PaginationButton({ className, appearance = "page", isActive, page, ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: isActive && appearance === "page" ? "primary" : "ghost",
+		size: appearance === "control" ? "sm" : "icon-sm",
+		className: cn(paginationTriggerVariants({
+			appearance,
+			isActive: Boolean(isActive)
+		}), className),
+		"aria-current": isActive ? "page" : void 0,
+		"data-slot": "pagination-button",
+		"data-active": isActive,
+		"data-appearance": appearance,
+		"data-page": page,
+		...props
+	});
 }
-function PaginationPrevious({
-  className,
-  showLabel = true,
-  text = "Previous",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(
-    PaginationLink,
-    {
-      "aria-label": "Go to previous page",
-      appearance: showLabel ? "control" : "icon",
-      className: cn(showLabel ? "pl-1.5!" : "", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx3(ChevronLeftIcon, { "data-icon": "inline-start", className: "cn-rtl-flip" }),
-        showLabel ? /* @__PURE__ */ jsx3("span", { className: "hidden sm:block", children: text }) : null
-      ]
-    }
-  );
+function PaginationPrevious({ className, showLabel = true, text = "Previous", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to previous page",
+		appearance: showLabel ? "control" : "icon",
+		className: cn(showLabel ? "pl-1.5!" : "", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {
+			"data-icon": "inline-start",
+			className: "cn-rtl-flip"
+		}), showLabel ? /* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		}) : null]
+	});
 }
-function PaginationNext({
-  className,
-  showLabel = true,
-  text = "Next",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(
-    PaginationLink,
-    {
-      "aria-label": "Go to next page",
-      appearance: showLabel ? "control" : "icon",
-      className: cn(showLabel ? "pr-1.5!" : "", className),
-      ...props,
-      children: [
-        showLabel ? /* @__PURE__ */ jsx3("span", { className: "hidden sm:block", children: text }) : null,
-        /* @__PURE__ */ jsx3(ChevronRightIcon, { "data-icon": "inline-end", className: "cn-rtl-flip" })
-      ]
-    }
-  );
+function PaginationNext({ className, showLabel = true, text = "Next", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to next page",
+		appearance: showLabel ? "control" : "icon",
+		className: cn(showLabel ? "pr-1.5!" : "", className),
+		...props,
+		children: [showLabel ? /* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		}) : null, /* @__PURE__ */ jsx(ChevronRightIcon, {
+			"data-icon": "inline-end",
+			className: "cn-rtl-flip"
+		})]
+	});
 }
-function PaginationEllipsis({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(
-    "span",
-    {
-      "aria-hidden": true,
-      "data-slot": "pagination-ellipsis",
-      className: cn(
-        "flex size-8 items-center justify-center text-fg-secondary [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx3(MoreHorizontalIcon, {}),
-        /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "More pages" })
-      ]
-    }
-  );
+function PaginationEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": true,
+		"data-slot": "pagination-ellipsis",
+		className: cn("flex size-8 items-center justify-center text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
 }
-export {
-  Pagination,
-  PaginationButton,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious
-};
-//# sourceMappingURL=pagination.js.map
+//#endregion
+export { Pagination, PaginationButton, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/password-input.d.ts

@@ -1,13 +1,6 @@
-import * as React from 'react';
-import { InputGroupInput } from './input-group.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import './button.js';
-import '@base-ui/react/button';
-import './input.js';
-import './input-size-context.js';
-import './textarea.js';
-
+import { InputGroupInput } from "./input-group.js";
+import * as React from "react";
+//#region src/password-input.d.ts
 declare function PasswordInput({ className, size, disabled, readOnly, autoComplete, ...props }: Omit<React.ComponentProps<typeof InputGroupInput>, "type">): React.JSX.Element;
-
-export { PasswordInput };
+//#endregion
+export { PasswordInput };