@florianke/components 0.0.2 → 0.0.3

package/README.md

@@ -393,4 +393,4 @@ import "@florianke/components/styles.css";
 
 ## License
 
-ISC
+MIT

package/dist/alert-dialog.d.mts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+
+//#region src/components/alert-dialog/alert-dialog.d.ts
+type AlertDialogRootProps = React.ComponentPropsWithoutRef<typeof AlertDialog$1.Root>;
+declare function AlertDialogRoot(props: AlertDialogRootProps): React.JSX.Element;
+type AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof AlertDialog$1.Trigger>;
+declare function AlertDialogTrigger({
+  className,
+  ...props
+}: AlertDialogTriggerProps): React.JSX.Element;
+type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialog$1.Popup>;
+declare function AlertDialogContent({
+  className,
+  children,
+  ...props
+}: AlertDialogContentProps): React.JSX.Element;
+type AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialog$1.Title>;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: AlertDialogTitleProps): React.JSX.Element;
+type AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof AlertDialog$1.Description>;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: AlertDialogDescriptionProps): React.JSX.Element;
+type AlertDialogCloseProps = React.ComponentPropsWithoutRef<typeof AlertDialog$1.Close>;
+declare function AlertDialogClose({
+  render,
+  ...props
+}: AlertDialogCloseProps): React.JSX.Element;
+declare const AlertDialog: typeof AlertDialogRoot & {
+  Trigger: typeof AlertDialogTrigger;
+  Content: typeof AlertDialogContent;
+  Title: typeof AlertDialogTitle;
+  Description: typeof AlertDialogDescription;
+  Close: typeof AlertDialogClose;
+};
+//#endregion
+export { AlertDialog };
+//# sourceMappingURL=alert-dialog.d.mts.map

package/dist/alert-dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.mts","names":[],"sources":["../src/components/alert-dialog/alert-dialog.tsx"],"mappings":";;;;KAQK,oBAAA,GAAuB,KAAA,CAAM,wBAAA,QACzB,aAAA,CAAgB,IAAA;AAAA,iBAGhB,eAAA,CAAgB,KAAA,EAAO,oBAAA,GAAoB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAI/C,uBAAA,GAA0B,KAAA,CAAM,wBAAA,QAC5B,aAAA,CAAgB,OAAA;AAAA,iBAGhB,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,uBAAA,GAAuB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAYvE,uBAAA,GAA0B,KAAA,CAAM,wBAAA,QAC5B,aAAA,CAAgB,KAAA;AAAA,iBAGhB,kBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,uBAAA,GAAuB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA0BrB,qBAAA,GAAwB,KAAA,CAAM,wBAAA,QAC1B,aAAA,CAAgB,KAAA;AAAA,iBAGhB,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,qBAAA,GAAqB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KASnE,2BAAA,GAA8B,KAAA,CAAM,wBAAA,QAChC,aAAA,CAAgB,WAAA;AAAA,iBAGhB,sBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,2BAAA,GAA2B,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAUzB,qBAAA,GAAwB,KAAA,CAAM,wBAAA,QAC1B,aAAA,CAAgB,KAAA;AAAA,iBAGhB,gBAAA,CAAA;EAAmB,MAAA;EAAA,GAAW;AAAA,GAAS,qBAAA,GAAqB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cASxD,WAAA,SAAW,eAAA"}

package/dist/alert-dialog.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { t as cn } from "./cn-BpvCVwZv.mjs";
+import { Button } from "./button.mjs";
+import { Text } from "./text.mjs";
+import "react";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/alert-dialog/alert-dialog.tsx
+function AlertDialogRoot(props) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Root, { ...props });
+}
+function AlertDialogTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
+		className: cn("rounded-md outline-none focus-visible:ring-2 focus-visible:ring-(--ring)/30", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialog$1.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog$1.Backdrop, { className: cn("fixed inset-0 z-50 bg-black/20 transition-opacity duration-150 dark:bg-black/50", "data-starting-style:opacity-0 data-ending-style:opacity-0", "supports-[-webkit-touch-callout:none]:absolute") }), /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
+		className: cn("fixed top-1/2 left-1/2 z-50 flex w-96 max-w-[calc(100vw-3rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-4 rounded-lg border border-(--border) bg-(--popover) p-4 text-(--popover-foreground) shadow-lg outline-none", "transition-[transform,opacity] duration-150 ease-out", "data-starting-style:scale-95 data-starting-style:opacity-0", "data-ending-style:scale-95 data-ending-style:opacity-0", className),
+		...props,
+		children
+	})] });
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
+		className: cn("text-base font-semibold", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Description, {
+		render: /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			size: "base"
+		}),
+		className: cn("text-(--muted-foreground)", className),
+		...props
+	});
+}
+function AlertDialogClose({ render, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+		render: render ?? /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+		...props
+	});
+}
+const AlertDialog = Object.assign(AlertDialogRoot, {
+	Trigger: AlertDialogTrigger,
+	Content: AlertDialogContent,
+	Title: AlertDialogTitle,
+	Description: AlertDialogDescription,
+	Close: AlertDialogClose
+});
+//#endregion
+export { AlertDialog };
+
+//# sourceMappingURL=alert-dialog.mjs.map

package/dist/alert-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.mjs","names":["BaseAlertDialog"],"sources":["../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"@/lib/cn\";\nimport { Button } from \"../button/button\";\nimport { Text } from \"../text/text\";\n\ntype AlertDialogRootProps = React.ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Root\n>;\n\nfunction AlertDialogRoot(props: AlertDialogRootProps) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\ntype AlertDialogTriggerProps = React.ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Trigger\n>;\n\nfunction AlertDialogTrigger({ className, ...props }: AlertDialogTriggerProps) {\n  return (\n    <BaseAlertDialog.Trigger\n      className={cn(\n        \"rounded-md outline-none focus-visible:ring-2 focus-visible:ring-(--ring)/30\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogContentProps = React.ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Popup\n>;\n\nfunction AlertDialogContent({\n  className,\n  children,\n  ...props\n}: AlertDialogContentProps) {\n  return (\n    <BaseAlertDialog.Portal>\n      <BaseAlertDialog.Backdrop\n        className={cn(\n          \"fixed inset-0 z-50 bg-black/20 transition-opacity duration-150 dark:bg-black/50\",\n          \"data-starting-style:opacity-0 data-ending-style:opacity-0\",\n          \"supports-[-webkit-touch-callout:none]:absolute\",\n        )}\n      />\n      <BaseAlertDialog.Popup\n        className={cn(\n          \"fixed top-1/2 left-1/2 z-50 flex w-96 max-w-[calc(100vw-3rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-4 rounded-lg border border-(--border) bg-(--popover) p-4 text-(--popover-foreground) shadow-lg outline-none\",\n          \"transition-[transform,opacity] duration-150 ease-out\",\n          \"data-starting-style:scale-95 data-starting-style:opacity-0\",\n          \"data-ending-style:scale-95 data-ending-style:opacity-0\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </BaseAlertDialog.Popup>\n    </BaseAlertDialog.Portal>\n  );\n}\n\ntype AlertDialogTitleProps = React.ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Title\n>;\n\nfunction AlertDialogTitle({ className, ...props }: AlertDialogTitleProps) {\n  return (\n    <BaseAlertDialog.Title\n      className={cn(\"text-base font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: AlertDialogDescriptionProps) {\n  return (\n    <BaseAlertDialog.Description\n      render={<Text as=\"p\" size=\"base\" />}\n      className={cn(\"text-(--muted-foreground)\", className)}\n      {...props}\n    />\n  );\n}\n\ntype AlertDialogCloseProps = React.ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Close\n>;\n\nfunction AlertDialogClose({ render, ...props }: AlertDialogCloseProps) {\n  return (\n    <BaseAlertDialog.Close\n      render={render ?? <Button variant=\"outline\" />}\n      {...props}\n    />\n  );\n}\n\nexport const AlertDialog = Object.assign(AlertDialogRoot, {\n  Trigger: AlertDialogTrigger,\n  Content: AlertDialogContent,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Close: AlertDialogClose,\n});\n"],"mappings":";;;;;;;;AAYA,SAAS,gBAAgB,OAA6B;AACpD,QAAO,oBAACA,cAAgB,MAAjB,EAAsB,GAAI,OAAS,CAAA;;AAO5C,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAkC;AAC5E,QACE,oBAACA,cAAgB,SAAjB;EACE,WAAW,GACT,+EACA,UACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAS,mBAAmB,EAC1B,WACA,UACA,GAAG,SACuB;AAC1B,QACE,qBAACA,cAAgB,QAAjB,EAAA,UAAA,CACE,oBAACA,cAAgB,UAAjB,EACE,WAAW,GACT,mFACA,6DACA,iDACD,EACD,CAAA,EACF,oBAACA,cAAgB,OAAjB;EACE,WAAW,GACT,6NACA,wDACA,8DACA,0DACA,UACD;EACD,GAAI;EAEH;EACqB,CAAA,CACD,EAAA,CAAA;;AAQ7B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgC;AACxE,QACE,oBAACA,cAAgB,OAAjB;EACE,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;EACJ,CAAA;;AAQN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC2B;AAC9B,QACE,oBAACA,cAAgB,aAAjB;EACE,QAAQ,oBAAC,MAAD;GAAM,IAAG;GAAI,MAAK;GAAS,CAAA;EACnC,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;EACJ,CAAA;;AAQN,SAAS,iBAAiB,EAAE,QAAQ,GAAG,SAAgC;AACrE,QACE,oBAACA,cAAgB,OAAjB;EACE,QAAQ,UAAU,oBAAC,QAAD,EAAQ,SAAQ,WAAY,CAAA;EAC9C,GAAI;EACJ,CAAA;;AAIN,MAAa,cAAc,OAAO,OAAO,iBAAiB;CACxD,SAAS;CACT,SAAS;CACT,OAAO;CACP,aAAa;CACb,OAAO;CACR,CAAC"}

package/dist/avatar.mjs

@@ -2,8 +2,8 @@
 import { t as cn } from "./cn-BpvCVwZv.mjs";
 import { useInitials } from "./hooks/use-initials.mjs";
 import "react";
-import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 //#region src/components/avatar/avatar.tsx
 const rootSizes = {
 	small: "size-7",

package/dist/button.d.mts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Button as Button$1 } from "@base-ui/react/button";
 
 //#region src/components/button/button.d.ts
-type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "link";
+type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "link" | "destructive";
 type ButtonSize = "sm" | "md";
 type ButtonProps = React.ComponentPropsWithoutRef<typeof Button$1> & {
   variant?: ButtonVariant;

package/dist/button.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.mts","names":[],"sources":["../src/components/button/button.tsx"],"mappings":";;;;KAIK,aAAA;AAAA,KACA,UAAA;AAAA,KAEA,WAAA,GAAc,KAAA,CAAM,wBAAA,QAAgC,QAAA;EACvD,OAAA,GAAU,aAAA;EACV,IAAA,GAAO,UAAA;AAAA;AAAA,iBAqBO,MAAA,CAAA;EACd,SAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,KAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"button.d.mts","names":[],"sources":["../src/components/button/button.tsx"],"mappings":";;;;KAIK,aAAA;AAAA,KAOA,UAAA;AAAA,KAEA,WAAA,GAAc,KAAA,CAAM,wBAAA,QAAgC,QAAA;EACvD,OAAA,GAAU,aAAA;EACV,IAAA,GAAO,UAAA;AAAA;AAAA,iBAuBO,MAAA,CAAA;EACd,SAAA;EACA,OAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/button.mjs

@@ -1,14 +1,15 @@
 import { t as cn } from "./cn-BpvCVwZv.mjs";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { Button as Button$1 } from "@base-ui/react/button";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/button/button.tsx
 const variants = {
 	primary: "bg-(--foreground) text-(--background) hover:bg-(--foreground)/85 active:bg-(--foreground)/75",
 	secondary: "bg-(--border) text-(--foreground) hover:bg-(--input-border) active:bg-(--input-border)",
 	outline: "border border-(--border) bg-transparent text-(--foreground) hover:bg-(--muted) active:bg-(--border)",
 	ghost: "text-(--foreground) hover:bg-(--muted) active:bg-(--border)",
-	link: "h-auto p-0 text-(--foreground) underline-offset-4 hover:underline"
+	link: "h-auto p-0 text-(--foreground) underline-offset-4 hover:underline",
+	destructive: "bg-(--destructive) text-white hover:bg-(--destructive)/90 active:bg-(--destructive)/80 dark:bg-(--destructive)/60"
 };
 const sizes = {
 	sm: "h-7 rounded-md px-3 gap-1.5 text-[12px] [&_svg]:size-3.5 [&_svg]:shrink-0",

package/dist/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","names":["BaseButton"],"sources":["../src/components/button/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button as BaseButton } from \"@base-ui/react/button\";\nimport { cn } from \"@/lib/cn\";\n\ntype ButtonVariant = \"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"link\";\ntype ButtonSize = \"sm\" | \"md\";\n\ntype ButtonProps = React.ComponentPropsWithoutRef<typeof BaseButton> & {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n};\n\nconst variants: Record<ButtonVariant, string> = {\n  primary:\n    \"bg-(--foreground) text-(--background) hover:bg-(--foreground)/85 active:bg-(--foreground)/75\",\n  secondary:\n    \"bg-(--border) text-(--foreground) hover:bg-(--input-border) active:bg-(--input-border)\",\n  outline:\n    \"border border-(--border) bg-transparent text-(--foreground) hover:bg-(--muted) active:bg-(--border)\",\n  ghost:\n    \"text-(--foreground) hover:bg-(--muted) active:bg-(--border)\",\n  link:\n    \"h-auto p-0 text-(--foreground) underline-offset-4 hover:underline\",\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: \"h-7 rounded-md px-3 gap-1.5 text-[12px] [&_svg]:size-3.5 [&_svg]:shrink-0\",\n  md: \"h-8 rounded-md px-4 gap-2 text-[14px] [&_svg]:size-4 [&_svg]:shrink-0\",\n};\n\nexport function Button({\n  className,\n  variant = \"primary\",\n  size = \"md\",\n  ...props\n}: ButtonProps) {\n  return (\n    <BaseButton\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--ring)/30\",\n        variants[variant],\n        variant !== \"link\" && sizes[size],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAYA,MAAM,WAA0C;CAC9C,SACE;CACF,WACE;CACF,SACE;CACF,OACE;CACF,MACE;CACH;AAED,MAAM,QAAoC;CACxC,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,OAAO,EACrB,WACA,UAAU,WACV,OAAO,MACP,GAAG,SACW;AACd,QACE,oBAACA,UAAD;EACE,WAAW,GACT,yEACA,oDACA,kFACA,SAAS,UACT,YAAY,UAAU,MAAM,OAC5B,UACD;EACD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"button.mjs","names":["BaseButton"],"sources":["../src/components/button/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button as BaseButton } from \"@base-ui/react/button\";\nimport { cn } from \"@/lib/cn\";\n\ntype ButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"outline\"\n  | \"ghost\"\n  | \"link\"\n  | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\";\n\ntype ButtonProps = React.ComponentPropsWithoutRef<typeof BaseButton> & {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n};\n\nconst variants: Record<ButtonVariant, string> = {\n  primary:\n    \"bg-(--foreground) text-(--background) hover:bg-(--foreground)/85 active:bg-(--foreground)/75\",\n  secondary:\n    \"bg-(--border) text-(--foreground) hover:bg-(--input-border) active:bg-(--input-border)\",\n  outline:\n    \"border border-(--border) bg-transparent text-(--foreground) hover:bg-(--muted) active:bg-(--border)\",\n  ghost:\n    \"text-(--foreground) hover:bg-(--muted) active:bg-(--border)\",\n  link:\n    \"h-auto p-0 text-(--foreground) underline-offset-4 hover:underline\",\n  destructive:\n    \"bg-(--destructive) text-white hover:bg-(--destructive)/90 active:bg-(--destructive)/80 dark:bg-(--destructive)/60\",\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: \"h-7 rounded-md px-3 gap-1.5 text-[12px] [&_svg]:size-3.5 [&_svg]:shrink-0\",\n  md: \"h-8 rounded-md px-4 gap-2 text-[14px] [&_svg]:size-4 [&_svg]:shrink-0\",\n};\n\nexport function Button({\n  className,\n  variant = \"primary\",\n  size = \"md\",\n  ...props\n}: ButtonProps) {\n  return (\n    <BaseButton\n      className={cn(\n        \"inline-flex items-center justify-center font-medium transition-colors\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--ring)/30\",\n        variants[variant],\n        variant !== \"link\" && sizes[size],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAkBA,MAAM,WAA0C;CAC9C,SACE;CACF,WACE;CACF,SACE;CACF,OACE;CACF,MACE;CACF,aACE;CACH;AAED,MAAM,QAAoC;CACxC,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,OAAO,EACrB,WACA,UAAU,WACV,OAAO,MACP,GAAG,SACW;AACd,QACE,oBAACA,UAAD;EACE,WAAW,GACT,yEACA,oDACA,kFACA,SAAS,UACT,YAAY,UAAU,MAAM,OAC5B,UACD;EACD,GAAI;EACJ,CAAA"}

package/dist/field.d.mts

@@ -0,0 +1,11 @@
+import * as React from "react";
+
+//#region src/components/field/field.d.ts
+type FieldProps = React.HTMLAttributes<HTMLDivElement>;
+declare function Field({
+  className,
+  ...props
+}: FieldProps): React.JSX.Element;
+//#endregion
+export { Field };
+//# sourceMappingURL=field.d.mts.map

package/dist/field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.mts","names":[],"sources":["../src/components/field/field.tsx"],"mappings":";;;KAGK,UAAA,GAAa,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,iBAEvB,KAAA,CAAA;EAAQ,SAAA;EAAA,GAAc;AAAA,GAAS,UAAA,GAAU,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/field.mjs

@@ -0,0 +1,14 @@
+import { t as cn } from "./cn-BpvCVwZv.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/field/field.tsx
+function Field({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-y-1.5", className),
+		...props
+	});
+}
+//#endregion
+export { Field };
+
+//# sourceMappingURL=field.mjs.map

package/dist/field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.mjs","names":[],"sources":["../src/components/field/field.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\ntype FieldProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport function Field({ className, ...props }: FieldProps) {\n  return (\n    <div className={cn(\"flex flex-col gap-y-1.5\", className)} {...props} />\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,MAAM,EAAE,WAAW,GAAG,SAAqB;AACzD,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,2BAA2B,UAAU;EAAE,GAAI;EAAS,CAAA"}

package/dist/heading.d.mts

@@ -0,0 +1,17 @@
+import * as React from "react";
+
+//#region src/components/heading/heading.d.ts
+type HeadingLevel = "h1" | "h2" | "h3";
+type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {
+  level?: HeadingLevel;
+  ref?: React.Ref<HTMLHeadingElement>;
+};
+declare function Heading({
+  level,
+  className,
+  ref,
+  ...props
+}: HeadingProps): React.JSX.Element;
+//#endregion
+export { Heading };
+//# sourceMappingURL=heading.d.mts.map

package/dist/heading.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.mts","names":[],"sources":["../src/components/heading/heading.tsx"],"mappings":";;;KAGK,YAAA;AAAA,KAQA,YAAA,GAAe,KAAA,CAAM,cAAA,CAAe,kBAAA;EACvC,KAAA,GAAQ,YAAA;EACR,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,kBAAA;AAAA;AAAA,iBAGF,OAAA,CAAA;EAAU,KAAA;EAAc,SAAA;EAAW,GAAA;EAAA,GAAQ;AAAA,GAAS,YAAA,GAAY,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/heading.mjs

@@ -0,0 +1,20 @@
+import { t as cn } from "./cn-BpvCVwZv.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/heading/heading.tsx
+const levels = {
+	h1: "text-3xl leading-tight tracking-tight",
+	h2: "text-xl leading-snug",
+	h3: "text-sm leading-5"
+};
+function Heading({ level = "h1", className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(level, {
+		ref,
+		className: cn("font-sans font-medium text-(--foreground)", levels[level], className),
+		...props
+	});
+}
+//#endregion
+export { Heading };
+
+//# sourceMappingURL=heading.mjs.map

package/dist/heading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.mjs","names":["Component"],"sources":["../src/components/heading/heading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\ntype HeadingLevel = \"h1\" | \"h2\" | \"h3\";\n\nconst levels: Record<HeadingLevel, string> = {\n  h1: \"text-3xl leading-tight tracking-tight\",\n  h2: \"text-xl leading-snug\",\n  h3: \"text-sm leading-5\",\n};\n\ntype HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {\n  level?: HeadingLevel;\n  ref?: React.Ref<HTMLHeadingElement>;\n};\n\nexport function Heading({ level = \"h1\", className, ref, ...props }: HeadingProps) {\n  const Component = level;\n\n  return (\n    <Component\n      ref={ref}\n      className={cn(\n        \"font-sans font-medium text-(--foreground)\",\n        levels[level],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;AAKA,MAAM,SAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAOD,SAAgB,QAAQ,EAAE,QAAQ,MAAM,WAAW,KAAK,GAAG,SAAuB;AAGhF,QACE,oBAACA,OAAD;EACO;EACL,WAAW,GACT,6CACA,OAAO,QACP,UACD;EACD,GAAI;EACJ,CAAA"}

package/dist/hint.d.mts

@@ -0,0 +1,17 @@
+import * as React from "react";
+
+//#region src/components/hint/hint.d.ts
+type HintVariant = "info" | "error";
+type HintProps = React.ComponentPropsWithoutRef<"span"> & {
+  variant?: HintVariant;
+  ref?: React.Ref<HTMLElement>;
+};
+declare function Hint({
+  className,
+  variant,
+  ref,
+  ...props
+}: HintProps): React.JSX.Element;
+//#endregion
+export { Hint };
+//# sourceMappingURL=hint.d.mts.map

package/dist/hint.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint.d.mts","names":[],"sources":["../src/components/hint/hint.tsx"],"mappings":";;;KAIK,WAAA;AAAA,KAOA,SAAA,GAAY,KAAA,CAAM,wBAAA;EACrB,OAAA,GAAU,WAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,WAAA;AAAA;AAAA,iBAGF,IAAA,CAAA;EAAO,SAAA;EAAW,OAAA;EAAkB,GAAA;EAAA,GAAQ;AAAA,GAAS,SAAA,GAAS,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/hint.mjs

@@ -0,0 +1,22 @@
+import { t as cn } from "./cn-BpvCVwZv.mjs";
+import { Text } from "./text.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/hint/hint.tsx
+const variants = {
+	info: "text-(--muted-foreground)",
+	error: "text-(--destructive)"
+};
+function Hint({ className, variant = "info", ref, ...props }) {
+	return /* @__PURE__ */ jsx(Text, {
+		as: "span",
+		size: "small",
+		ref,
+		className: cn(variants[variant], className),
+		...props
+	});
+}
+//#endregion
+export { Hint };
+
+//# sourceMappingURL=hint.mjs.map

package/dist/hint.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint.mjs","names":[],"sources":["../src/components/hint/hint.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\nimport { Text } from \"../text/text\";\n\ntype HintVariant = \"info\" | \"error\";\n\nconst variants: Record<HintVariant, string> = {\n  info: \"text-(--muted-foreground)\",\n  error: \"text-(--destructive)\",\n};\n\ntype HintProps = React.ComponentPropsWithoutRef<\"span\"> & {\n  variant?: HintVariant;\n  ref?: React.Ref<HTMLElement>;\n};\n\nexport function Hint({ className, variant = \"info\", ref, ...props }: HintProps) {\n  return (\n    <Text\n      as=\"span\"\n      size=\"small\"\n      ref={ref}\n      className={cn(variants[variant], className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAMA,MAAM,WAAwC;CAC5C,MAAM;CACN,OAAO;CACR;AAOD,SAAgB,KAAK,EAAE,WAAW,UAAU,QAAQ,KAAK,GAAG,SAAoB;AAC9E,QACE,oBAAC,MAAD;EACE,IAAG;EACH,MAAK;EACA;EACL,WAAW,GAAG,SAAS,UAAU,UAAU;EAC3C,GAAI;EACJ,CAAA"}

package/dist/hooks/use-confirm.d.mts

@@ -0,0 +1,23 @@
+import * as React from "react";
+
+//#region src/hooks/use-confirm.d.ts
+type ConfirmVariant = "default" | "danger";
+type ConfirmOptions = {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  confirmText?: string;
+  cancelText?: string;
+  variant?: ConfirmVariant;
+  verificationText?: string;
+  verificationInstruction?: React.ReactNode;
+};
+type ConfirmFn = (options?: ConfirmOptions) => Promise<boolean>;
+declare function ConfirmProvider({
+  children
+}: {
+  children?: React.ReactNode;
+}): React.JSX.Element;
+declare function useConfirm(): ConfirmFn;
+//#endregion
+export { ConfirmProvider, useConfirm };
+//# sourceMappingURL=use-confirm.d.mts.map

package/dist/hooks/use-confirm.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-confirm.d.mts","names":[],"sources":["../../src/hooks/use-confirm.tsx"],"mappings":";;;KAQK,cAAA;AAAA,KAEA,cAAA;EACH,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,WAAA;EACA,UAAA;EACA,OAAA,GAAU,cAAA;EACV,gBAAA;EACA,uBAAA,GAA0B,KAAA,CAAM,SAAA;AAAA;AAAA,KAQ7B,SAAA,IAAa,OAAA,GAAU,cAAA,KAAmB,OAAA;AAAA,iBAI/B,eAAA,CAAA;EAAkB;AAAA;EAAc,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA,IAAW,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAiG5D,UAAA,CAAA,GAAc,SAAA"}

package/dist/hooks/use-confirm.mjs

@@ -0,0 +1,97 @@
+"use client";
+import { Button } from "../button.mjs";
+import { AlertDialog } from "../alert-dialog.mjs";
+import { Input } from "../input.mjs";
+import { Label } from "../label.mjs";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/hooks/use-confirm.tsx
+const ConfirmContext = React.createContext(null);
+function ConfirmProvider({ children }) {
+	const [request, setRequest] = React.useState(null);
+	const [verification, setVerification] = React.useState("");
+	const resolvedRef = React.useRef(false);
+	const confirm = React.useCallback((options = {}) => {
+		return new Promise((resolve) => {
+			setVerification("");
+			setRequest({
+				options,
+				resolve
+			});
+		});
+	}, []);
+	function close(value) {
+		request?.resolve(value);
+		resolvedRef.current = true;
+		setRequest(null);
+		setVerification("");
+	}
+	function handleOpenChange(open) {
+		if (open) return;
+		if (!resolvedRef.current) request?.resolve(false);
+		resolvedRef.current = false;
+		setRequest(null);
+		setVerification("");
+	}
+	const verificationText = request?.options.verificationText;
+	const requiresVerification = !!verificationText;
+	const canConfirm = !requiresVerification || verification === verificationText;
+	return /* @__PURE__ */ jsxs(ConfirmContext.Provider, {
+		value: confirm,
+		children: [children, /* @__PURE__ */ jsx(AlertDialog, {
+			open: request !== null,
+			onOpenChange: handleOpenChange,
+			children: /* @__PURE__ */ jsxs(AlertDialog.Content, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ jsx(AlertDialog.Title, { children: request?.options.title ?? "Are you sure?" }), request?.options.description && /* @__PURE__ */ jsx(AlertDialog.Description, { children: request.options.description })]
+				}),
+				requiresVerification && /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1.5",
+					children: [/* @__PURE__ */ jsx(Label, {
+						size: "small",
+						htmlFor: "confirm-verification-text",
+						children: request?.options.verificationInstruction ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+							"Type ",
+							/* @__PURE__ */ jsx("span", {
+								className: "font-semibold",
+								children: verificationText
+							}),
+							" ",
+							"to confirm."
+						] })
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "confirm-verification-text",
+						autoFocus: true,
+						value: verification,
+						onValueChange: (value) => setVerification(value),
+						onKeyDown: (event) => {
+							if (event.key === "Enter" && verification === verificationText) close(true);
+						}
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(AlertDialog.Close, {
+						onClick: () => close(false),
+						children: request?.options.cancelText ?? "Cancel"
+					}), /* @__PURE__ */ jsx(AlertDialog.Close, {
+						render: /* @__PURE__ */ jsx(Button, { variant: request?.options.variant === "danger" ? "destructive" : "primary" }),
+						disabled: !canConfirm,
+						onClick: () => close(true),
+						children: request?.options.confirmText ?? "Confirm"
+					})]
+				})
+			] })
+		})]
+	});
+}
+function useConfirm() {
+	const confirm = React.useContext(ConfirmContext);
+	if (!confirm) throw new Error("useConfirm must be used within a ConfirmProvider");
+	return confirm;
+}
+//#endregion
+export { ConfirmProvider, useConfirm };
+
+//# sourceMappingURL=use-confirm.mjs.map

package/dist/hooks/use-confirm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-confirm.mjs","names":[],"sources":["../../src/hooks/use-confirm.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AlertDialog } from \"../components/alert-dialog/alert-dialog\";\nimport { Button } from \"../components/button/button\";\nimport { Input } from \"../components/input/input\";\nimport { Label } from \"../components/label/label\";\n\ntype ConfirmVariant = \"default\" | \"danger\";\n\ntype ConfirmOptions = {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  confirmText?: string;\n  cancelText?: string;\n  variant?: ConfirmVariant;\n  verificationText?: string;\n  verificationInstruction?: React.ReactNode;\n};\n\ntype ConfirmRequest = {\n  options: ConfirmOptions;\n  resolve: (value: boolean) => void;\n};\n\ntype ConfirmFn = (options?: ConfirmOptions) => Promise<boolean>;\n\nconst ConfirmContext = React.createContext<ConfirmFn | null>(null);\n\nexport function ConfirmProvider({ children }: { children?: React.ReactNode }) {\n  const [request, setRequest] = React.useState<ConfirmRequest | null>(null);\n  const [verification, setVerification] = React.useState(\"\");\n  const resolvedRef = React.useRef(false);\n\n  const confirm = React.useCallback<ConfirmFn>((options = {}) => {\n    return new Promise<boolean>((resolve) => {\n      setVerification(\"\");\n      setRequest({ options, resolve });\n    });\n  }, []);\n\n  function close(value: boolean) {\n    request?.resolve(value);\n    resolvedRef.current = true;\n    setRequest(null);\n    setVerification(\"\");\n  }\n\n  function handleOpenChange(open: boolean) {\n    if (open) return;\n    if (!resolvedRef.current) {\n      request?.resolve(false);\n    }\n    resolvedRef.current = false;\n    setRequest(null);\n    setVerification(\"\");\n  }\n\n  const verificationText = request?.options.verificationText;\n  const requiresVerification = !!verificationText;\n  const canConfirm = !requiresVerification || verification === verificationText;\n\n  return (\n    <ConfirmContext.Provider value={confirm}>\n      {children}\n      <AlertDialog open={request !== null} onOpenChange={handleOpenChange}>\n        <AlertDialog.Content>\n          <div className=\"flex flex-col gap-1\">\n            <AlertDialog.Title>\n              {request?.options.title ?? \"Are you sure?\"}\n            </AlertDialog.Title>\n            {request?.options.description && (\n              <AlertDialog.Description>\n                {request.options.description}\n              </AlertDialog.Description>\n            )}\n          </div>\n          {requiresVerification && (\n            <div className=\"flex flex-col gap-1.5\">\n              <Label size=\"small\" htmlFor=\"confirm-verification-text\">\n                {request?.options.verificationInstruction ?? (\n                  <>\n                    Type <span className=\"font-semibold\">{verificationText}</span>{\" \"}\n                    to confirm.\n                  </>\n                )}\n              </Label>\n              <Input\n                id=\"confirm-verification-text\"\n                autoFocus\n                value={verification}\n                onValueChange={(value) => setVerification(value)}\n                onKeyDown={(event) => {\n                  if (event.key === \"Enter\" && verification === verificationText) {\n                    close(true);\n                  }\n                }}\n              />\n            </div>\n          )}\n          <div className=\"flex justify-end gap-2\">\n            <AlertDialog.Close onClick={() => close(false)}>\n              {request?.options.cancelText ?? \"Cancel\"}\n            </AlertDialog.Close>\n            <AlertDialog.Close\n              render={\n                <Button\n                  variant={\n                    request?.options.variant === \"danger\"\n                      ? \"destructive\"\n                      : \"primary\"\n                  }\n                />\n              }\n              disabled={!canConfirm}\n              onClick={() => close(true)}\n            >\n              {request?.options.confirmText ?? \"Confirm\"}\n            </AlertDialog.Close>\n          </div>\n        </AlertDialog.Content>\n      </AlertDialog>\n    </ConfirmContext.Provider>\n  );\n}\n\nexport function useConfirm(): ConfirmFn {\n  const confirm = React.useContext(ConfirmContext);\n  if (!confirm) {\n    throw new Error(\"useConfirm must be used within a ConfirmProvider\");\n  }\n  return confirm;\n}\n"],"mappings":";;;;;;;;AA2BA,MAAM,iBAAiB,MAAM,cAAgC,KAAK;AAElE,SAAgB,gBAAgB,EAAE,YAA4C;CAC5E,MAAM,CAAC,SAAS,cAAc,MAAM,SAAgC,KAAK;CACzE,MAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS,GAAG;CAC1D,MAAM,cAAc,MAAM,OAAO,MAAM;CAEvC,MAAM,UAAU,MAAM,aAAwB,UAAU,EAAE,KAAK;AAC7D,SAAO,IAAI,SAAkB,YAAY;AACvC,mBAAgB,GAAG;AACnB,cAAW;IAAE;IAAS;IAAS,CAAC;IAChC;IACD,EAAE,CAAC;CAEN,SAAS,MAAM,OAAgB;AAC7B,WAAS,QAAQ,MAAM;AACvB,cAAY,UAAU;AACtB,aAAW,KAAK;AAChB,kBAAgB,GAAG;;CAGrB,SAAS,iBAAiB,MAAe;AACvC,MAAI,KAAM;AACV,MAAI,CAAC,YAAY,QACf,UAAS,QAAQ,MAAM;AAEzB,cAAY,UAAU;AACtB,aAAW,KAAK;AAChB,kBAAgB,GAAG;;CAGrB,MAAM,mBAAmB,SAAS,QAAQ;CAC1C,MAAM,uBAAuB,CAAC,CAAC;CAC/B,MAAM,aAAa,CAAC,wBAAwB,iBAAiB;AAE7D,QACE,qBAAC,eAAe,UAAhB;EAAyB,OAAO;YAAhC,CACG,UACD,oBAAC,aAAD;GAAa,MAAM,YAAY;GAAM,cAAc;aACjD,qBAAC,YAAY,SAAb,EAAA,UAAA;IACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,YAAY,OAAb,EAAA,UACG,SAAS,QAAQ,SAAS,iBACT,CAAA,EACnB,SAAS,QAAQ,eAChB,oBAAC,YAAY,aAAb,EAAA,UACG,QAAQ,QAAQ,aACO,CAAA,CAExB;;IACL,wBACC,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MAAO,MAAK;MAAQ,SAAQ;gBACzB,SAAS,QAAQ,2BAChB,qBAAA,UAAA,EAAA,UAAA;OAAE;OACK,oBAAC,QAAD;QAAM,WAAU;kBAAiB;QAAwB,CAAA;OAAC;OAAI;OAElE,EAAA,CAAA;MAEC,CAAA,EACR,oBAAC,OAAD;MACE,IAAG;MACH,WAAA;MACA,OAAO;MACP,gBAAgB,UAAU,gBAAgB,MAAM;MAChD,YAAY,UAAU;AACpB,WAAI,MAAM,QAAQ,WAAW,iBAAiB,iBAC5C,OAAM,KAAK;;MAGf,CAAA,CACE;;IAER,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,YAAY,OAAb;MAAmB,eAAe,MAAM,MAAM;gBAC3C,SAAS,QAAQ,cAAc;MACd,CAAA,EACpB,oBAAC,YAAY,OAAb;MACE,QACE,oBAAC,QAAD,EACE,SACE,SAAS,QAAQ,YAAY,WACzB,gBACA,WAEN,CAAA;MAEJ,UAAU,CAAC;MACX,eAAe,MAAM,KAAK;gBAEzB,SAAS,QAAQ,eAAe;MACf,CAAA,CAChB;;IACc,EAAA,CAAA;GACV,CAAA,CACU;;;AAI9B,SAAgB,aAAwB;CACtC,MAAM,UAAU,MAAM,WAAW,eAAe;AAChD,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,mDAAmD;AAErE,QAAO"}

package/dist/index.d.mts

@@ -1,8 +1,18 @@
+import { AlertDialog } from "./alert-dialog.mjs";
 import { Avatar } from "./avatar.mjs";
 import { Button } from "./button.mjs";
 import { Card } from "./card.mjs";
 import { DropdownMenu } from "./dropdown-menu.mjs";
+import { Field } from "./field.mjs";
+import { Heading } from "./heading.mjs";
+import { Hint } from "./hint.mjs";
 import { Input } from "./input.mjs";
+import { Label } from "./label.mjs";
+import { Providers } from "./providers.mjs";
 import { Select } from "./select.mjs";
+import { Text } from "./text.mjs";
+import { Toast } from "./toast.mjs";
+import { Tooltip } from "./tooltip.mjs";
+import { ConfirmProvider, useConfirm } from "./hooks/use-confirm.mjs";
 import { useInitials } from "./hooks/use-initials.mjs";
-export { Avatar, Button, Card, DropdownMenu, Input, Select, useInitials };
+export { AlertDialog, Avatar, Button, Card, ConfirmProvider, DropdownMenu, Field, Heading, Hint, Input, Label, Providers, Select, Text, Toast, Tooltip, useConfirm, useInitials };

package/dist/index.mjs

@@ -1,8 +1,18 @@
+import { Button } from "./button.mjs";
+import { Text } from "./text.mjs";
+import { AlertDialog } from "./alert-dialog.mjs";
 import { useInitials } from "./hooks/use-initials.mjs";
 import { Avatar } from "./avatar.mjs";
-import { Button } from "./button.mjs";
 import { Card } from "./card.mjs";
 import { DropdownMenu } from "./dropdown-menu.mjs";
+import { Field } from "./field.mjs";
+import { Heading } from "./heading.mjs";
+import { Hint } from "./hint.mjs";
 import { Input } from "./input.mjs";
+import { Label } from "./label.mjs";
+import { ConfirmProvider, useConfirm } from "./hooks/use-confirm.mjs";
+import { Toast } from "./toast.mjs";
+import { Tooltip } from "./tooltip.mjs";
+import { Providers } from "./providers.mjs";
 import { Select } from "./select.mjs";
-export { Avatar, Button, Card, DropdownMenu, Input, Select, useInitials };
+export { AlertDialog, Avatar, Button, Card, ConfirmProvider, DropdownMenu, Field, Heading, Hint, Input, Label, Providers, Select, Text, Toast, Tooltip, useConfirm, useInitials };

package/dist/input.d.mts

@@ -9,6 +9,7 @@ type InputProps = Omit<React.ComponentPropsWithoutRef<typeof Input$1>, "size"> &
 declare function Input({
   className,
   size,
+  type,
   ...props
 }: InputProps): React.JSX.Element;
 //#endregion

package/dist/input.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.mts","names":[],"sources":["../src/components/input/input.tsx"],"mappings":";;;;KAIK,SAAA;AAAA,KAEA,UAAA,GAAa,IAAA,CAChB,KAAA,CAAM,wBAAA,QAAgC,OAAA;EAGtC,IAAA,GAAO,SAAA;AAAA;AAAA,iBAQO,KAAA,CAAA;EAAQ,SAAA;EAAW,IAAA;EAAA,GAAgB;AAAA,GAAS,UAAA,GAAU,KAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"input.d.mts","names":[],"sources":["../src/components/input/input.tsx"],"mappings":";;;;KAMK,SAAA;AAAA,KAEA,UAAA,GAAa,IAAA,CAChB,KAAA,CAAM,wBAAA,QAAgC,OAAA;EAGtC,IAAA,GAAO,SAAA;AAAA;AAAA,iBAaO,KAAA,CAAA;EAAQ,SAAA;EAAW,IAAA;EAAa,IAAA;EAAA,GAAS;AAAA,GAAS,UAAA,GAAU,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/input.mjs

@@ -1,18 +1,85 @@
+"use client";
 import { t as cn } from "./cn-BpvCVwZv.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Input as Input$1 } from "@base-ui/react/input";
 //#region src/components/input/input.tsx
 const sizes = {
-	sm: "h-7 rounded-md px-1.5 text-[12px]",
-	md: "h-8 rounded-md px-2 text-[14px]"
+	sm: "h-7 rounded-md text-[12px]",
+	md: "h-8 rounded-md text-[14px]"
 };
-function Input({ className, size = "md", ...props }) {
+const paddingX = {
+	sm: "px-1.5",
+	md: "px-2"
+};
+function Input({ className, size = "md", type, ...props }) {
+	if (type === "password") return /* @__PURE__ */ jsx(PasswordInput, {
+		className,
+		size,
+		...props
+	});
 	return /* @__PURE__ */ jsx(Input$1, {
-		className: cn("w-full min-w-0 border bg-(--input) text-(--foreground) outline-none", "placeholder:text-(--muted-foreground)", "selection:bg-(--ring)/30 selection:text-(--foreground)", "border-(--input-border) transition-[border-color,box-shadow] duration-150 ease-out", "hover:bg-(--foreground)/4", "focus-visible:border-(--ring) focus-visible:ring-[3px] focus-visible:ring-(--ring)/20", "disabled:pointer-events-none disabled:opacity-50", "any-pointer-coarse:text-base", sizes[size], className),
+		type,
+		className: cn("w-full min-w-0 border bg-(--input) text-(--foreground) outline-none", "placeholder:text-(--muted-foreground)", "selection:bg-(--ring)/30 selection:text-(--foreground)", "border-(--input-border) transition-[border-color,box-shadow] duration-150 ease-out", "hover:bg-(--foreground)/4", "focus-visible:border-(--ring) focus-visible:ring-[3px] focus-visible:ring-(--ring)/20", "aria-invalid:border-(--destructive) aria-invalid:ring-[3px] aria-invalid:ring-(--destructive)/20", "aria-invalid:focus-visible:border-(--destructive) aria-invalid:focus-visible:ring-(--destructive)/20", "disabled:pointer-events-none disabled:opacity-50", "any-pointer-coarse:text-base", sizes[size], paddingX[size], className),
 		...props
 	});
 }
+function PasswordInput({ className, size = "md", disabled, ...props }) {
+	const [visible, setVisible] = React.useState(false);
+	const ariaInvalid = props["aria-invalid"];
+	const invalid = ariaInvalid === true || ariaInvalid === "true";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex w-full min-w-0 items-stretch border bg-(--input) text-(--foreground)", "border-(--input-border) transition-[border-color,box-shadow] duration-150 ease-out", "hover:bg-(--foreground)/4", "focus-within:border-(--ring) focus-within:ring-[3px] focus-within:ring-(--ring)/20", invalid && "border-(--destructive) ring-[3px] ring-(--destructive)/20", invalid && "focus-within:border-(--destructive) focus-within:ring-(--destructive)/20", disabled && "pointer-events-none opacity-50", sizes[size], className),
+		children: [/* @__PURE__ */ jsx(Input$1, {
+			type: visible ? "text" : "password",
+			disabled,
+			className: cn("min-w-0 flex-1 border-0 bg-transparent text-inherit outline-none", "placeholder:text-(--muted-foreground)", "selection:bg-(--ring)/30 selection:text-(--foreground)", "any-pointer-coarse:text-base", paddingX[size]),
+			...props
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => setVisible((current) => !current),
+			disabled,
+			"aria-label": visible ? "Passwort verbergen" : "Passwort anzeigen",
+			"aria-pressed": visible,
+			className: cn("flex shrink-0 items-center justify-center border-l border-(--input-border) text-(--muted-foreground) outline-none transition-colors duration-150 ease-out", "hover:bg-(--foreground)/4 hover:text-(--foreground)", "focus-visible:bg-(--foreground)/4 focus-visible:text-(--foreground)", "disabled:pointer-events-none", paddingX[size]),
+			children: visible ? /* @__PURE__ */ jsx(EyeOffIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(EyeIcon, { className: "size-4" })
+		})]
+	});
+}
+function EyeIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z" }), /* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "3"
+		})]
+	});
+}
+function EyeOffIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M9.9 5.1A9.4 9.4 0 0 1 12 5c6.5 0 10 7 10 7a16.8 16.8 0 0 1-3.1 4.1M6.2 6.2C3.7 7.9 2 12 2 12s3.5 7 10 7a9.7 9.7 0 0 0 5-1.4" }),
+			/* @__PURE__ */ jsx("path", { d: "M14.1 14.1a3 3 0 1 1-4.2-4.2" }),
+			/* @__PURE__ */ jsx("path", { d: "M2 2l20 20" })
+		]
+	});
+}
 //#endregion
 export { Input };