laif-ds 0.1.4 → 0.1.5

package/dist/components/ui/button.js

@@ -5,7 +5,7 @@ import { cva as l } from "../../node_modules/class-variance-authority/dist/index
 import { cn as u } from "../../lib/utils.js";
 import { Icon as c } from "./icon.js";
 const v = l(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {

package/dist/components/ui/card.js

@@ -1,77 +1,84 @@
 "use client";
-import { j as a } from "../../_virtual/jsx-runtime.js";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import * as d from "react";
 import { cn as e } from "../../lib/utils.js";
-function s({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+const s = d.createContext({ size: "default" }), c = {
+  sm: "py-3 px-3 gap-4",
+  default: "py-6 px-6 gap-6",
+  lg: "py-8 px-8 gap-8"
+};
+function x({ className: a, size: t = "default", ...o }) {
+  return /* @__PURE__ */ r.jsx(s.Provider, { value: { size: t }, children: /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card",
       className: e(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        t
+        `bg-card text-card-foreground flex flex-col rounded-xl border shadow-sm ${c[t]}`,
+        a
       ),
-      ...r
+      ...o
     }
-  );
+  ) });
 }
-function n({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function u({ className: a, ...t }) {
+  const { size: o } = d.useContext(s), n = o === "sm" ? "px-3" : o === "lg" ? "px-8" : "px-6";
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-header",
       className: e(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        t
+        `@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 ${n} has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,
+        a
       ),
-      ...r
+      ...t
     }
   );
 }
-function c({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function m({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-title",
-      className: e("leading-none font-semibold", t),
-      ...r
+      className: e("leading-none font-semibold", a),
+      ...t
     }
   );
 }
-function i({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function f({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-description",
-      className: e("text-muted-foreground text-sm", t),
-      ...r
+      className: e("text-muted-foreground text-sm", a),
+      ...t
     }
   );
 }
-function l({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function g({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-content",
-      className: e("px-6", t),
-      ...r
+      className: e("px-6", a),
+      ...t
     }
   );
 }
-function u({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function C({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-footer",
-      className: e("flex items-center px-6 [.border-t]:pt-6", t),
-      ...r
+      className: e("flex items-center px-6 [.border-t]:pt-6", a),
+      ...t
     }
   );
 }
 export {
-  s as Card,
-  l as CardContent,
-  i as CardDescription,
-  u as CardFooter,
-  n as CardHeader,
-  c as CardTitle
+  x as Card,
+  g as CardContent,
+  f as CardDescription,
+  C as CardFooter,
+  u as CardHeader,
+  m as CardTitle
 };

package/dist/components/ui/typo.js

@@ -0,0 +1,53 @@
+"use client";
+import { j as d } from "../../_virtual/jsx-runtime.js";
+import { cn as i } from "../../lib/utils.js";
+const s = {
+  "hero-title": "text-5xl md:text-6xl font-extrabold leading-tight tracking-tight",
+  title: "text-3xl md:text-4xl font-bold leading-snug",
+  subtitle: "text-xl md:text-2xl font-semibold leading-snug text-muted-foreground",
+  body: "text-base md:text-lg font-normal leading-relaxed",
+  "body-bold": "text-base md:text-lg font-semibold leading-relaxed",
+  caption: "text-xs md:text-sm font-normal leading-tight text-muted-foreground",
+  overline: "text-xs uppercase tracking-widest font-medium text-muted-foreground",
+  button: "text-sm font-semibold uppercase tracking-wide",
+  small: "text-xs font-normal leading-tight",
+  h1: "text-4xl md:text-5xl font-extrabold leading-tight",
+  h2: "text-3xl md:text-4xl font-bold leading-snug",
+  h3: "text-2xl md:text-3xl font-semibold leading-snug",
+  h4: "text-xl md:text-2xl font-semibold leading-snug",
+  h5: "text-lg md:text-xl font-medium leading-snug"
+}, a = {
+  "hero-title": "h1",
+  title: "h2",
+  subtitle: "h3",
+  body: "p",
+  "body-bold": "p",
+  caption: "span",
+  overline: "span",
+  button: "span",
+  small: "span",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5"
+}, r = ({
+  variant: t = "body",
+  as: e,
+  className: n,
+  children: l,
+  ...o
+}) => {
+  const x = e || a[t] || "span";
+  return /* @__PURE__ */ d.jsx(
+    x,
+    {
+      className: i(s[t], n),
+      ...o,
+      children: l
+    }
+  );
+};
+export {
+  r as Typo
+};

package/dist/index.d.ts

@@ -48,37 +48,65 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { VariantProps } from 'class-variance-authority';
 
-export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+export declare function Accordion({ ...props }: AccordionProps): JSX.Element;
 
-export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
+export declare function AccordionContent({ className, children, ...props }: AccordionContentProps): JSX.Element;
 
-export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+declare type AccordionContentProps = React_2.ComponentProps<typeof AccordionPrimitive.Content>;
 
-export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+export declare function AccordionItem({ className, ...props }: AccordionItemProps): JSX.Element;
+
+declare type AccordionItemProps = React_2.ComponentProps<typeof AccordionPrimitive.Item>;
+
+declare type AccordionProps = React_2.ComponentProps<typeof AccordionPrimitive.Root>;
+
+export declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): JSX.Element;
+
+declare type AccordionTriggerProps = React_2.ComponentProps<typeof AccordionPrimitive.Trigger>;
 
 declare type AdditionalMessageOptions = Omit<ChatMessageProps, keyof Message>;
 
-export declare function Alert({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof alertVariants>): JSX.Element;
+export declare function Alert({ className, variant, ...props }: AlertProps): JSX.Element;
 
 export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Root>): JSX.Element;
+export declare function AlertDialog({ ...props }: AlertDialogProps): JSX.Element;
+
+export declare function AlertDialogAction({ className, ...props }: AlertDialogActionProps): JSX.Element;
+
+declare type AlertDialogActionProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Action>;
+
+export declare function AlertDialogCancel({ className, ...props }: AlertDialogCancelProps): JSX.Element;
+
+declare type AlertDialogCancelProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Cancel>;
+
+export declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): JSX.Element;
+
+declare type AlertDialogContentProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Content>;
+
+export declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
 
-export declare function AlertDialogAction({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Action>): JSX.Element;
+declare type AlertDialogDescriptionProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Description>;
 
-export declare function AlertDialogCancel({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Cancel>): JSX.Element;
+export declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): JSX.Element;
 
-export declare function AlertDialogContent({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Content>): JSX.Element;
+declare type AlertDialogFooterProps = React_2.ComponentProps<"div">;
 
-export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Description>): JSX.Element;
+export declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): JSX.Element;
 
-export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare type AlertDialogHeaderProps = React_2.ComponentProps<"div">;
 
-export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare type AlertDialogProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Root>;
 
-export declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Title>): JSX.Element;
+export declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): JSX.Element;
 
-export declare function AlertDialogTrigger({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>): JSX.Element;
+declare type AlertDialogTitleProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Title>;
+
+export declare function AlertDialogTrigger({ ...props }: AlertDialogTriggerProps): JSX.Element;
+
+declare type AlertDialogTriggerProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>;
+
+declare type AlertProps = React_2.ComponentProps<"div"> & VariantProps<typeof alertVariants>;
 
 export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -88,7 +116,9 @@ declare const alertVariants: (props?: ({
 
 declare type Animation_2 = VariantProps<typeof chatBubbleVariants>["animation"];
 
-export declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): JSX.Element;
+export declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
+
+declare type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;
 
 export declare function AsyncSelect<T>({ fetcher, preload, filterFn, renderOption, getOptionValue, getDisplayValue, notFound, loadingSkeleton, label, labelClassName, placeholder, value, onChange, disabled, width, className, triggerClassName, noResultsMessage, clearable, size, }: AsyncSelectProps<T>): JSX.Element;
 
@@ -172,7 +202,7 @@ export declare const badgeVariants: (props?: ({
 
 export declare function Button({ className, variant, size, asChild, iconLeft, iconRight, ...props }: ButtonProps): JSX.Element;
 
-declare interface ButtonProps extends React_2.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+export declare interface ButtonProps extends React_2.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     iconLeft?: IconName;
     iconRight?: IconName;
@@ -185,7 +215,7 @@ export declare const buttonVariants: (props?: ({
 
 export declare function Calendar({ className, classNames, showOutsideDays, ...props }: React_2.ComponentProps<typeof DayPicker>): JSX.Element;
 
-export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function Card({ className, size, ...props }: CardProps): JSX.Element;
 
 export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -195,6 +225,12 @@ export declare function CardFooter({ className, ...props }: React_2.ComponentPro
 
 export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
+export declare interface CardProps extends React_2.ComponentProps<"div"> {
+    size?: CardSize;
+}
+
+declare type CardSize = "default" | "sm" | "lg";
+
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
 export declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React_2.ComponentProps<"div"> & CarouselProps): JSX.Element;
@@ -1022,6 +1058,15 @@ export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<type
 
 export declare function TypingIndicator(): JSX.Element;
 
+export declare const Typo: React_2.FC<TypoProps>;
+
+export declare interface TypoProps extends React_2.HTMLAttributes<HTMLElement> {
+    variant?: TypoVariant;
+    as?: React_2.ElementType;
+}
+
+declare type TypoVariant = "hero-title" | "title" | "subtitle" | "body" | "body-bold" | "caption" | "overline" | "button" | "small" | "h1" | "h2" | "h3" | "h4" | "h5";
+
 export declare function useAudioRecording({ transcribeAudio, onTranscriptionComplete, }: UseAudioRecordingOptions): {
     isListening: boolean;
     isSpeechSupported: boolean;