@giddaa-housing/ui 1.0.0 → 1.1.0

package/dist/details-card.js

@@ -1,267 +1,118 @@
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/details-card.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { jsx } from "react/jsx-runtime";
-function DetailsCard({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "article",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex w-full min-w-0 flex-col rounded-2xl border border-line-subtle bg-canvas p-gdt-xl text-fg-primary",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "details-card"
-    }
-  });
+//#region src/details-card.tsx
+function DetailsCard({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "article",
+		props: mergeProps({ className: cn("flex w-full min-w-0 flex-col rounded-2xl border border-line-subtle bg-canvas p-gdt-xl text-fg-primary", className) }, props),
+		render,
+		state: { slot: "details-card" }
+	});
 }
-function DetailsCardHeader({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn("flex min-w-0 flex-col gap-1", className)
-      },
-      props
-    ),
-    render
-  });
+function DetailsCardHeader({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex min-w-0 flex-col gap-1", className) }, props),
+		render
+	});
 }
-function DetailsCardTitle({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "h3",
-    props: mergeProps(
-      {
-        className: cn("text-gdt-md font-bold text-fg-primary", className)
-      },
-      props
-    ),
-    render
-  });
+function DetailsCardTitle({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "h3",
+		props: mergeProps({ className: cn("text-gdt-md font-bold text-fg-primary", className) }, props),
+		render
+	});
 }
-function DetailsCardDescription({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "p",
-    props: mergeProps(
-      {
-        className: cn("text-gdt-sm font-normal text-fg-secondary", className)
-      },
-      props
-    ),
-    render
-  });
+function DetailsCardDescription({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "p",
+		props: mergeProps({ className: cn("text-gdt-sm font-normal text-fg-secondary", className) }, props),
+		render
+	});
 }
-function DetailsCardBody({
-  className,
-  orientation = "horizontal",
-  render,
-  showIcons = true,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        // @ts-expect-error — data-* attrs are valid but not in mergeProps generic
-        "data-icons": showIcons,
-        "data-orientation": orientation,
-        className: cn(
-          "group/details-card-body mt-gdt-md flex min-w-0 flex-col border-line-subtle border-t",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      orientation,
-      showIcons,
-      slot: "details-card-body"
-    }
-  });
+function DetailsCardBody({ className, orientation = "horizontal", render, showIcons = true, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			"data-icons": showIcons,
+			"data-orientation": orientation,
+			className: cn("group/details-card-body mt-gdt-md flex min-w-0 flex-col border-line-subtle border-t", className)
+		}, props),
+		render,
+		state: {
+			orientation,
+			showIcons,
+			slot: "details-card-body"
+		}
+	});
 }
-function DetailsCardRow({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "grid min-w-0 grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-x-2 border-line-subtle border-b py-3 last:border-b-0",
-          "group-data-[orientation=vertical]/details-card-body:grid-cols-[1rem_minmax(0,1fr)] group-data-[orientation=vertical]/details-card-body:items-start group-data-[orientation=vertical]/details-card-body:gap-y-1",
-          "group-data-[icons=false]/details-card-body:grid-cols-[minmax(0,1fr)_auto]",
-          "group-[[data-icons=false][data-orientation=vertical]]/details-card-body:grid-cols-1",
-          "group-data-[slot=details-card-row-group]/details-card-row-group:border-b-0",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "details-card-row"
-    }
-  });
+function DetailsCardRow({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("grid min-w-0 grid-cols-[1rem_minmax(0,1fr)_auto] items-center gap-x-2 border-line-subtle border-b py-3 last:border-b-0", "group-data-[orientation=vertical]/details-card-body:grid-cols-[1rem_minmax(0,1fr)] group-data-[orientation=vertical]/details-card-body:items-start group-data-[orientation=vertical]/details-card-body:gap-y-1", "group-data-[icons=false]/details-card-body:grid-cols-[minmax(0,1fr)_auto]", "group-[[data-icons=false][data-orientation=vertical]]/details-card-body:grid-cols-1", "group-data-[slot=details-card-row-group]/details-card-row-group:border-b-0", className) }, props),
+		render,
+		state: { slot: "details-card-row" }
+	});
 }
-function DetailsCardRowGroup({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        // @ts-expect-error — data-* attrs are valid but not in mergeProps generic
-        "data-slot": "details-card-row-group",
-        className: cn(
-          "group/details-card-row-group grid min-w-0 border-line-subtle border-b last:border-b-0",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "details-card-row-group"
-    }
-  });
+function DetailsCardRowGroup({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({
+			"data-slot": "details-card-row-group",
+			className: cn("group/details-card-row-group grid min-w-0 border-line-subtle border-b last:border-b-0", className)
+		}, props),
+		render,
+		state: { slot: "details-card-row-group" }
+	});
 }
-function DetailsCardIcon({
-  children,
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "span",
-    props: mergeProps(
-      {
-        "aria-hidden": true,
-        children: children ?? /* @__PURE__ */ jsx(DetailsCardChevronIcon, {}),
-        className: cn(
-          "flex size-4 shrink-0 items-center justify-center text-fg-primary",
-          "group-data-[icons=false]/details-card-body:hidden",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "details-card-icon"
-    }
-  });
+function DetailsCardIcon({ children, className, render, ...props }) {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({
+			"aria-hidden": true,
+			children: children ?? /* @__PURE__ */ jsx(DetailsCardChevronIcon, {}),
+			className: cn("flex size-4 shrink-0 items-center justify-center text-fg-primary", "group-data-[icons=false]/details-card-body:hidden", className)
+		}, props),
+		render,
+		state: { slot: "details-card-icon" }
+	});
 }
-function DetailsCardLabel({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "min-w-0 text-gdt-sm font-normal text-fg-secondary",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "details-card-label"
-    }
-  });
+function DetailsCardLabel({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("min-w-0 text-gdt-sm font-normal text-fg-secondary", className) }, props),
+		render,
+		state: { slot: "details-card-label" }
+	});
 }
-function DetailsCardValue({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "min-w-0 justify-self-end text-right text-gdt-sm font-semibold text-fg-primary",
-          "group-data-[orientation=vertical]/details-card-body:col-start-2 group-data-[orientation=vertical]/details-card-body:justify-self-start group-data-[orientation=vertical]/details-card-body:text-left",
-          "group-[[data-icons=false][data-orientation=vertical]]/details-card-body:col-start-1",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "details-card-value"
-    }
-  });
+function DetailsCardValue({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("min-w-0 justify-self-end text-right text-gdt-sm font-semibold text-fg-primary", "group-data-[orientation=vertical]/details-card-body:col-start-2 group-data-[orientation=vertical]/details-card-body:justify-self-start group-data-[orientation=vertical]/details-card-body:text-left", "group-[[data-icons=false][data-orientation=vertical]]/details-card-body:col-start-1", className) }, props),
+		render,
+		state: { slot: "details-card-value" }
+	});
 }
 function DetailsCardChevronIcon(props) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      "aria-hidden": "true",
-      fill: "none",
-      focusable: "false",
-      height: "12",
-      viewBox: "0 0 12 12",
-      width: "12",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4.5 2.5 8 6 4.5 9.5",
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "1.5"
-        }
-      )
-    }
-  );
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		fill: "none",
+		focusable: "false",
+		height: "12",
+		viewBox: "0 0 12 12",
+		width: "12",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4.5 2.5 8 6 4.5 9.5",
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "1.5"
+		})
+	});
 }
-export {
-  DetailsCard,
-  DetailsCardBody,
-  DetailsCardDescription,
-  DetailsCardHeader,
-  DetailsCardIcon,
-  DetailsCardLabel,
-  DetailsCardRow,
-  DetailsCardRowGroup,
-  DetailsCardTitle,
-  DetailsCardValue
-};
-//# sourceMappingURL=details-card.js.map
+//#endregion
+export { DetailsCard, DetailsCardBody, DetailsCardDescription, DetailsCardHeader, DetailsCardIcon, DetailsCardLabel, DetailsCardRow, DetailsCardRowGroup, DetailsCardTitle, DetailsCardValue };

package/dist/dialog.d.ts

@@ -1,30 +1,29 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+//#region src/dialog.d.ts
 declare function Dialog({ ...props }: Dialog$1.Root.Props): React.JSX.Element;
 declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React.JSX.Element;
 declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React.JSX.Element;
 declare function DialogClose({ ...props }: Dialog$1.Close.Props): React.JSX.Element;
 declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React.JSX.Element;
 declare const dialogContentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const dialogIconVariants: (props?: ({
-    size?: "auto" | "sm" | "md" | "lg" | null | undefined;
-    tone?: "danger" | "brand" | "neutral" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  size?: "auto" | "lg" | "md" | "sm" | null | undefined;
+  tone?: "brand" | "danger" | "neutral" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type DialogContentProps = Dialog$1.Popup.Props & VariantProps<typeof dialogContentVariants> & {
-    showCloseButton?: boolean;
+  showCloseButton?: boolean;
 };
 declare function DialogContent({ className, children, size, showCloseButton, ...props }: DialogContentProps): React.JSX.Element;
 declare function DialogIcon({ className, size, tone, ...props }: React.ComponentProps<"div"> & VariantProps<typeof dialogIconVariants>): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
-    showCloseButton?: boolean;
+  showCloseButton?: boolean;
 }): React.JSX.Element;
 declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React.JSX.Element;
 declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React.JSX.Element;
-
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogIcon, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogIconVariants };
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogIcon, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogIconVariants };