@flaqai/ui-flaq 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,13 @@
1
+ import { VariantProps } from "class-variance-authority";
2
+ import { ComponentProps } from "react";
3
+ //#region src/components/button.d.ts
4
+ declare const buttonVariants: (props?: ({
5
+ size?: "default" | "lg" | "sm" | null | undefined;
6
+ variant?: "default" | "outline" | "secondary" | null | undefined;
7
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
+ type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
9
+ asChild?: boolean;
10
+ };
11
+ declare function Button({ asChild, className, size, variant, ...props }: ButtonProps): import("react").JSX.Element;
12
+ //#endregion
13
+ export { Button, buttonVariants };
@@ -0,0 +1 @@
1
+ import{cn as e}from"../lib/utils.mjs";import{cva as t}from"class-variance-authority";import{Slot as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";const i=t(`inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50`,{defaultVariants:{size:`default`,variant:`default`},variants:{size:{default:`h-10 px-4 py-2`,lg:`h-11 px-8`,sm:`h-9 rounded-md px-3`},variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,outline:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`}}});function a({asChild:t=!1,className:a,size:o,variant:s,...c}){return r(t?n.Root:`button`,{className:e(i({className:a,size:o,variant:s})),"data-slot":`button`,...c})}export{a as Button,i as buttonVariants};
@@ -0,0 +1,12 @@
1
+ import { Dialog } from "radix-ui";
2
+ import { ComponentProps } from "react";
3
+ //#region src/components/dialog.d.ts
4
+ declare const Dialog$1: import("react").FC<Dialog.DialogProps>;
5
+ declare const DialogClose: import("react").ForwardRefExoticComponent<Dialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
6
+ declare const DialogDescription: import("react").ForwardRefExoticComponent<Dialog.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
7
+ declare const DialogTitle: import("react").ForwardRefExoticComponent<Dialog.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
8
+ declare const DialogTrigger: import("react").ForwardRefExoticComponent<Dialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
9
+ declare function DialogContent({ className, children, ...props }: ComponentProps<typeof Dialog.Content>): import("react").JSX.Element;
10
+ declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
11
+ //#endregion
12
+ export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger };
@@ -0,0 +1 @@
1
+ import{cn as e}from"../lib/utils.mjs";import{Dialog as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{X as i}from"lucide-react";const a=t.Root,o=t.Close,s=t.Description,c=t.Title,l=t.Trigger;function u({className:r,...i}){return n(t.Overlay,{className:e(`fixed inset-0 z-50 bg-black/80`,r),"data-slot":`dialog-overlay`,...i})}function d({className:a,children:o,...s}){return r(t.Portal,{children:[n(u,{}),r(t.Content,{className:e(`fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg sm:rounded-lg`,a),"data-slot":`dialog-content`,...s,children:[o,r(t.Close,{className:`absolute top-4 right-4 rounded-sm opacity-70 hover:opacity-100 focus:ring-2 focus:ring-ring focus:outline-none`,children:[n(i,{className:`size-4`}),n(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function f({className:t,...r}){return n(`div`,{className:e(`flex flex-col space-y-1.5 text-center sm:text-left`,t),"data-slot":`dialog-header`,...r})}export{a as Dialog,o as DialogClose,d as DialogContent,s as DialogDescription,f as DialogHeader,c as DialogTitle,l as DialogTrigger};
package/dist/index.d.mts CHANGED
@@ -1,27 +1,4 @@
1
- import { VariantProps } from "class-variance-authority";
2
- import { Dialog as Dialog$1 } from "radix-ui";
3
- import { ClassValue } from "clsx";
4
- import { ComponentProps } from "react";
5
- //#region src/components/button.d.ts
6
- declare const buttonVariants: (props?: ({
7
- size?: "default" | "lg" | "sm" | null | undefined;
8
- variant?: "default" | "outline" | "secondary" | null | undefined;
9
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
- type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
11
- asChild?: boolean;
12
- };
13
- declare function Button({ asChild, className, size, variant, ...props }: ButtonProps): import("react").JSX.Element;
14
- //#endregion
15
- //#region src/components/dialog.d.ts
16
- declare const Dialog: import("react").FC<Dialog$1.DialogProps>;
17
- declare const DialogClose: import("react").ForwardRefExoticComponent<Dialog$1.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
18
- declare const DialogDescription: import("react").ForwardRefExoticComponent<Dialog$1.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
19
- declare const DialogTitle: import("react").ForwardRefExoticComponent<Dialog$1.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
20
- declare const DialogTrigger: import("react").ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
21
- declare function DialogContent({ className, children, ...props }: ComponentProps<typeof Dialog$1.Content>): import("react").JSX.Element;
22
- declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
23
- //#endregion
24
- //#region src/lib/utils.d.ts
25
- declare function cn(...inputs: ClassValue[]): string;
26
- //#endregion
1
+ import { Button, buttonVariants } from "./components/button.mjs";
2
+ import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "./components/dialog.mjs";
3
+ import { cn } from "./lib/utils.mjs";
27
4
  export { Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, buttonVariants, cn };
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{cva as e}from"class-variance-authority";import{Dialog as t,Slot as n}from"radix-ui";import{clsx as r}from"clsx";import{twMerge as i}from"tailwind-merge";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{X as s}from"lucide-react";function c(...e){return i(r(e))}const l=e(`inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50`,{defaultVariants:{size:`default`,variant:`default`},variants:{size:{default:`h-10 px-4 py-2`,lg:`h-11 px-8`,sm:`h-9 rounded-md px-3`},variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,outline:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`}}});function u({asChild:e=!1,className:t,size:r,variant:i,...o}){return a(e?n.Root:`button`,{className:c(l({className:t,size:r,variant:i})),"data-slot":`button`,...o})}const d=t.Root,f=t.Close,p=t.Description,m=t.Title,h=t.Trigger;function g({className:e,...n}){return a(t.Overlay,{className:c(`fixed inset-0 z-50 bg-black/80`,e),"data-slot":`dialog-overlay`,...n})}function _({className:e,children:n,...r}){return o(t.Portal,{children:[a(g,{}),o(t.Content,{className:c(`fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg sm:rounded-lg`,e),"data-slot":`dialog-content`,...r,children:[n,o(t.Close,{className:`absolute top-4 right-4 rounded-sm opacity-70 hover:opacity-100 focus:ring-2 focus:ring-ring focus:outline-none`,children:[a(s,{className:`size-4`}),a(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function v({className:e,...t}){return a(`div`,{className:c(`flex flex-col space-y-1.5 text-center sm:text-left`,e),"data-slot":`dialog-header`,...t})}export{u as Button,d as Dialog,f as DialogClose,_ as DialogContent,p as DialogDescription,v as DialogHeader,m as DialogTitle,h as DialogTrigger,l as buttonVariants,c as cn};
1
+ import{cn as e}from"./lib/utils.mjs";import{Button as t,buttonVariants as n}from"./components/button.mjs";import{Dialog as r,DialogClose as i,DialogContent as a,DialogDescription as o,DialogHeader as s,DialogTitle as c,DialogTrigger as l}from"./components/dialog.mjs";export{t as Button,r as Dialog,i as DialogClose,a as DialogContent,o as DialogDescription,s as DialogHeader,c as DialogTitle,l as DialogTrigger,n as buttonVariants,e as cn};
@@ -0,0 +1,5 @@
1
+ import { ClassValue } from "clsx";
2
+ //#region src/lib/utils.d.ts
3
+ declare function cn(...inputs: ClassValue[]): string;
4
+ //#endregion
5
+ export { cn };
@@ -0,0 +1 @@
1
+ import{clsx as e}from"clsx";import{twMerge as t}from"tailwind-merge";function n(...n){return t(e(n))}export{n as cn};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flaqai/ui-flaq",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "Reusable Flaq product UI components and design tokens.",
5
5
  "repository": {
6
6
  "type": "git",