@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/card.js

@@ -1,186 +1,70 @@
-// src/components/ui/card.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
-
-// 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"
-          ]
-        }
-      ]
-    }
-  }
+//#region src/card.tsx
+const cardVariants = cva("group/card relative flex w-full min-w-0 flex-col gap-5 rounded-2xl border border-line-subtle bg-canvas py-gdt-xl text-fg-primary shadow-1 transition-[background-color,border-color,box-shadow,transform] outline-none has-[[data-slot=card-action]:hover]:shadow-2 has-[[data-slot=card-action]:focus-visible]:border-line-focus has-[[data-slot=card-action]:focus-visible]inset-ring-1 has-[[data-slot=card-action]:focus-visible]:ring-line-focus has-[[data-slot=card-action]:active]:border-line-subtle has-[[data-slot=card-action]:active]:bg-surface has-[[data-slot=card-action]:active]:shadow-none!", {
+	variants: { selected: {
+		true: "border-line-focus bg-surface-brand-subtle inset-ring-1 inset-ring-line-focus has-[[data-slot=card-action]:hover]:border-line-focus has-[[data-slot=card-action]:hover]:bg-surface-brand-subtle has-[[data-slot=card-action]:hover]:inset-ring-1 has-[[data-slot=card-action]:active]:border-line-focus has-[[data-slot=card-action]:active]:bg-surface-brand-subtle has-[[data-slot=card-action]:active]:inset-ring-1 has-[[data-slot=card-action]:active]:inset-ring-line-focus",
+		false: ""
+	} },
+	defaultVariants: { selected: false }
 });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/card.tsx
-var cardVariants = cva(
-  "group/card relative flex w-full min-w-0 flex-col gap-5 rounded-2xl border border-line-subtle bg-canvas py-gdt-xl text-fg-primary shadow-1 transition-[background-color,border-color,box-shadow,transform] outline-none has-[[data-slot=card-action]:hover]:shadow-2 has-[[data-slot=card-action]:focus-visible]:border-line-focus has-[[data-slot=card-action]:focus-visible]inset-ring-1 has-[[data-slot=card-action]:focus-visible]:ring-line-focus has-[[data-slot=card-action]:active]:border-line-subtle has-[[data-slot=card-action]:active]:bg-surface has-[[data-slot=card-action]:active]:shadow-none!",
-  {
-    variants: {
-      selected: {
-        true: "border-line-focus bg-surface-brand-subtle inset-ring-1 inset-ring-line-focus has-[[data-slot=card-action]:hover]:border-line-focus has-[[data-slot=card-action]:hover]:bg-surface-brand-subtle has-[[data-slot=card-action]:hover]:inset-ring-1 has-[[data-slot=card-action]:active]:border-line-focus has-[[data-slot=card-action]:active]:bg-surface-brand-subtle has-[[data-slot=card-action]:active]:inset-ring-1 has-[[data-slot=card-action]:active]:inset-ring-line-focus",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      selected: false
-    }
-  }
-);
 function Card({ className, render, selected = false, ...props }) {
-  return useRender({
-    defaultTagName: "article",
-    props: mergeProps(
-      {
-        className: cn(cardVariants({ selected }), className)
-      },
-      props
-    ),
-    render,
-    state: {
-      selected,
-      slot: "card"
-    }
-  });
+	return useRender({
+		defaultTagName: "article",
+		props: mergeProps({ className: cn(cardVariants({ selected }), className) }, props),
+		render,
+		state: {
+			selected,
+			slot: "card"
+		}
+	});
 }
-function CardTitle({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "h3",
-    props: mergeProps(
-      {
-        className: cn("text-gdt-h5 text-fg-primary", className)
-      },
-      props
-    ),
-    render
-  });
+function CardTitle({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "h3",
+		props: mergeProps({ className: cn("text-gdt-h5 text-fg-primary", className) }, props),
+		render
+	});
 }
-function CardHeader({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn("flex min-w-0 flex-col gap-gdt-sm px-gdt-xl", className)
-      },
-      props
-    ),
-    render
-  });
+function CardHeader({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex min-w-0 flex-col gap-gdt-sm px-gdt-xl", className) }, props),
+		render
+	});
 }
-function CardDescription({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "p",
-    props: mergeProps(
-      {
-        className: cn("text-gdt-sm font-normal text-fg-primary", className)
-      },
-      props
-    ),
-    render
-  });
+function CardDescription({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "p",
+		props: mergeProps({ className: cn("text-gdt-sm font-normal text-fg-primary", className) }, props),
+		render
+	});
 }
-function CardContent({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "min-w-0 px-gdt-xl text-gdt-sm text-fg-primary",
-          className
-        )
-      },
-      props
-    ),
-    render
-  });
+function CardContent({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("min-w-0 px-gdt-xl text-gdt-sm text-fg-primary", className) }, props),
+		render
+	});
 }
-function CardFooter({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(
-      {
-        className: cn(
-          "flex min-w-0 px-gdt-xl flex-wrap items-center justify-end gap-gdt-sm",
-          className
-        )
-      },
-      props
-    ),
-    render
-  });
+function CardFooter({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex min-w-0 px-gdt-xl flex-wrap items-center justify-end gap-gdt-sm", className) }, props),
+		render
+	});
 }
-function CardAction({
-  className,
-  render,
-  ...props
-}) {
-  return useRender({
-    defaultTagName: "button",
-    props: mergeProps(
-      {
-        // @ts-expect-error — data-* attrs are valid but not in mergeProps generic
-        "data-slot": "card-action",
-        className: cn(
-          "cursor-pointer focus-visible:outline-none before:absolute before:inset-0 before:content-['']",
-          className
-        )
-      },
-      props
-    ),
-    render
-  });
+function CardAction({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			"data-slot": "card-action",
+			className: cn("cursor-pointer focus-visible:outline-none before:absolute before:inset-0 before:content-['']", className)
+		}, props),
+		render
+	});
 }
-export {
-  Card,
-  CardAction,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  cardVariants
-};
-//# sourceMappingURL=card.js.map
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };

package/dist/carousel.d.ts

@@ -1,37 +1,36 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import * as React from 'react';
-import { ComponentSize } from './size-context.js';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
+//#region src/carousel.d.ts
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];
 type CarouselPlugin = UseCarouselParameters[1];
 declare const carouselVariants: (props?: ({
-    imageSize?: "sm" | "md" | "lg" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  imageSize?: "full" | "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type CarouselContextProps = {
-    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
-    api: CarouselApi;
-    orientation: "horizontal" | "vertical";
-    size: ComponentSize;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    scrollTo: (index: number) => void;
-    canScrollPrev: boolean;
-    canScrollNext: boolean;
-    selectedIndex: number;
-    scrollSnaps: number[];
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+  api: CarouselApi;
+  orientation: "horizontal" | "vertical";
+  size: ComponentSize;
+  scrollPrev: () => void;
+  scrollNext: () => void;
+  scrollTo: (index: number) => void;
+  canScrollPrev: boolean;
+  canScrollNext: boolean;
+  selectedIndex: number;
+  scrollSnaps: number[];
 };
 declare function useCarousel(): CarouselContextProps;
 type CarouselProps = {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: "horizontal" | "vertical";
-    /** Scales the chrome (arrows + indicator) without touching the image. */
-    size?: ComponentSize;
-    setApi?: (api: CarouselApi) => void;
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugin;
+  orientation?: "horizontal" | "vertical";
+  /** Scales the chrome (arrows + indicator) without touching the image. */
+  size?: ComponentSize;
+  setApi?: (api: CarouselApi) => void;
 };
 declare function Carousel({ orientation, opts, setApi, plugins, size, imageSize, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps & VariantProps<typeof carouselVariants>): React.JSX.Element;
 declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -39,15 +38,15 @@ declare function CarouselItem({ className, ...props }: React.ComponentProps<"div
 declare function CarouselPrevious({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
 declare function CarouselNext({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
 type CarouselIndicatorProps = Omit<React.ComponentProps<"div">, "children" | "onSelect"> & {
-    /** Override the live count (e.g. for static design previews). */
-    count?: number;
-    /** Override the live selected index. */
-    selected?: number;
-    /** Override the inherited carousel size. */
-    size?: ComponentSize;
-    /** Jump to a slide when a dot is activated. Defaults to the carousel API. */
-    onSelect?: (index: number) => void;
+  /** Override the live count (e.g. for static design previews). */
+  count?: number;
+  /** Override the live selected index. */
+  selected?: number;
+  /** Override the inherited carousel size. */
+  size?: ComponentSize;
+  /** Jump to a slide when a dot is activated. Defaults to the carousel API. */
+  onSelect?: (index: number) => void;
 };
 declare function CarouselIndicator({ className, count: countProp, selected: selectedProp, size: sizeProp, onSelect, ...props }: CarouselIndicatorProps): React.JSX.Element | null;
-
-export { Carousel, type CarouselApi, CarouselContent, CarouselIndicator, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };
+//#endregion
+export { Carousel, type CarouselApi, CarouselContent, CarouselIndicator, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };