@florianke/components 0.0.1

package/dist/avatar.d.mts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
+
+//#region src/components/avatar/avatar.d.ts
+type AvatarVariant = "rounded" | "squared";
+type AvatarSize = "small" | "base" | "large";
+type AvatarProps = Omit<React.ComponentPropsWithoutRef<typeof Avatar$1.Root>, "children"> & {
+  src?: string;
+  name: string;
+  variant?: AvatarVariant;
+  size?: AvatarSize;
+};
+declare function Avatar({
+  src,
+  name,
+  variant,
+  size,
+  className,
+  ...props
+}: AvatarProps): React.JSX.Element;
+//#endregion
+export { Avatar };
+//# sourceMappingURL=avatar.d.mts.map

package/dist/avatar.d.mts.map

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

package/dist/avatar.mjs

@@ -0,0 +1,60 @@
+"use client";
+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";
+//#region src/components/avatar/avatar.tsx
+const rootSizes = {
+	small: "size-7",
+	base: "size-8",
+	large: "size-10"
+};
+const rootRounding = {
+	rounded: {
+		small: "rounded-full",
+		base: "rounded-full",
+		large: "rounded-full"
+	},
+	squared: {
+		small: "rounded-md",
+		base: "rounded-md",
+		large: "rounded-lg"
+	}
+};
+const innerSizes = {
+	small: "size-6 text-xs font-medium",
+	base: "size-7 text-[0.8125rem] font-medium",
+	large: "size-9 text-sm font-medium"
+};
+const innerRounding = {
+	rounded: {
+		small: "rounded-full",
+		base: "rounded-full",
+		large: "rounded-full"
+	},
+	squared: {
+		small: "rounded",
+		base: "rounded",
+		large: "rounded-md"
+	}
+};
+function Avatar({ src, name, variant = "rounded", size = "base", className, ...props }) {
+	const initials = useInitials(name);
+	return /* @__PURE__ */ jsxs(Avatar$1.Root, {
+		className: cn("flex shrink-0 items-center justify-center overflow-hidden border border-(--border) bg-(--muted)", rootSizes[size], rootRounding[variant][size], className),
+		...props,
+		children: [src && /* @__PURE__ */ jsx(Avatar$1.Image, {
+			src,
+			alt: name,
+			className: cn("aspect-square object-cover object-center", innerSizes[size], innerRounding[variant][size])
+		}), /* @__PURE__ */ jsx(Avatar$1.Fallback, {
+			className: cn("pointer-events-none flex select-none items-center justify-center bg-(--accent) text-(--foreground) dark:bg-(--border)", innerSizes[size], innerRounding[variant][size]),
+			children: initials
+		})]
+	});
+}
+//#endregion
+export { Avatar };
+
+//# sourceMappingURL=avatar.mjs.map

package/dist/avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","names":["BaseAvatar"],"sources":["../src/components/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Avatar as BaseAvatar } from \"@base-ui/react/avatar\";\nimport { cn } from \"@/lib/cn\";\nimport { useInitials } from \"@/hooks/use-initials\";\n\ntype AvatarVariant = \"rounded\" | \"squared\";\ntype AvatarSize = \"small\" | \"base\" | \"large\";\n\ntype AvatarProps = Omit<\n  React.ComponentPropsWithoutRef<typeof BaseAvatar.Root>,\n  \"children\"\n> & {\n  src?: string;\n  name: string;\n  variant?: AvatarVariant;\n  size?: AvatarSize;\n};\n\nconst rootSizes: Record<AvatarSize, string> = {\n  small: \"size-7\",\n  base: \"size-8\",\n  large: \"size-10\",\n};\n\nconst rootRounding: Record<AvatarVariant, Record<AvatarSize, string>> = {\n  rounded: { small: \"rounded-full\", base: \"rounded-full\", large: \"rounded-full\" },\n  squared: { small: \"rounded-md\", base: \"rounded-md\", large: \"rounded-lg\" },\n};\n\nconst innerSizes: Record<AvatarSize, string> = {\n  small: \"size-6 text-xs font-medium\",\n  base: \"size-7 text-[0.8125rem] font-medium\",\n  large: \"size-9 text-sm font-medium\",\n};\n\nconst innerRounding: Record<AvatarVariant, Record<AvatarSize, string>> = {\n  rounded: { small: \"rounded-full\", base: \"rounded-full\", large: \"rounded-full\" },\n  squared: { small: \"rounded\", base: \"rounded\", large: \"rounded-md\" },\n};\n\nexport function Avatar({\n  src,\n  name,\n  variant = \"rounded\",\n  size = \"base\",\n  className,\n  ...props\n}: AvatarProps) {\n  const initials = useInitials(name);\n\n  return (\n    <BaseAvatar.Root\n      className={cn(\n        \"flex shrink-0 items-center justify-center overflow-hidden border border-(--border) bg-(--muted)\",\n        rootSizes[size],\n        rootRounding[variant][size],\n        className,\n      )}\n      {...props}\n    >\n      {src && (\n        <BaseAvatar.Image\n          src={src}\n          alt={name}\n          className={cn(\n            \"aspect-square object-cover object-center\",\n            innerSizes[size],\n            innerRounding[variant][size],\n          )}\n        />\n      )}\n      <BaseAvatar.Fallback\n        className={cn(\n          \"pointer-events-none flex select-none items-center justify-center bg-(--accent) text-(--foreground) dark:bg-(--border)\",\n          innerSizes[size],\n          innerRounding[variant][size],\n        )}\n      >\n        {initials}\n      </BaseAvatar.Fallback>\n    </BaseAvatar.Root>\n  );\n}\n"],"mappings":";;;;;;;AAoBA,MAAM,YAAwC;CAC5C,OAAO;CACP,MAAM;CACN,OAAO;CACR;AAED,MAAM,eAAkE;CACtE,SAAS;EAAE,OAAO;EAAgB,MAAM;EAAgB,OAAO;EAAgB;CAC/E,SAAS;EAAE,OAAO;EAAc,MAAM;EAAc,OAAO;EAAc;CAC1E;AAED,MAAM,aAAyC;CAC7C,OAAO;CACP,MAAM;CACN,OAAO;CACR;AAED,MAAM,gBAAmE;CACvE,SAAS;EAAE,OAAO;EAAgB,MAAM;EAAgB,OAAO;EAAgB;CAC/E,SAAS;EAAE,OAAO;EAAW,MAAM;EAAW,OAAO;EAAc;CACpE;AAED,SAAgB,OAAO,EACrB,KACA,MACA,UAAU,WACV,OAAO,QACP,WACA,GAAG,SACW;CACd,MAAM,WAAW,YAAY,KAAK;AAElC,QACE,qBAACA,SAAW,MAAZ;EACE,WAAW,GACT,mGACA,UAAU,OACV,aAAa,SAAS,OACtB,UACD;EACD,GAAI;YAPN,CASG,OACC,oBAACA,SAAW,OAAZ;GACO;GACL,KAAK;GACL,WAAW,GACT,4CACA,WAAW,OACX,cAAc,SAAS,MACxB;GACD,CAAA,EAEJ,oBAACA,SAAW,UAAZ;GACE,WAAW,GACT,yHACA,WAAW,OACX,cAAc,SAAS,MACxB;aAEA;GACmB,CAAA,CACN"}

package/dist/button.d.mts

@@ -0,0 +1,19 @@
+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 ButtonSize = "sm" | "md";
+type ButtonProps = React.ComponentPropsWithoutRef<typeof Button$1> & {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+};
+declare function Button({
+  className,
+  variant,
+  size,
+  ...props
+}: ButtonProps): React.JSX.Element;
+//#endregion
+export { Button };
+//# sourceMappingURL=button.d.mts.map

package/dist/button.d.mts.map

@@ -0,0 +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"}

package/dist/button.mjs

@@ -0,0 +1,26 @@
+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";
+//#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"
+};
+const sizes = {
+	sm: "h-7 rounded-md px-3 gap-1.5 text-[12px] [&_svg]:size-3.5 [&_svg]:shrink-0",
+	md: "h-8 rounded-md px-4 gap-2 text-[14px] [&_svg]:size-4 [&_svg]:shrink-0"
+};
+function Button({ className, variant = "primary", size = "md", ...props }) {
+	return /* @__PURE__ */ jsx(Button$1, {
+		className: cn("inline-flex items-center justify-center font-medium transition-colors", "disabled:pointer-events-none disabled:opacity-50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--ring)/30", variants[variant], variant !== "link" && sizes[size], className),
+		...props
+	});
+}
+//#endregion
+export { Button };
+
+//# sourceMappingURL=button.mjs.map

package/dist/button.mjs.map

@@ -0,0 +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"}

package/dist/card.d.mts

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

package/dist/card.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.mts","names":[],"sources":["../src/components/card/card.tsx"],"mappings":";;;KAGK,SAAA,GAAY,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,iBAEtB,IAAA,CAAA;EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,SAAA,GAAS,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/card.mjs

@@ -0,0 +1,14 @@
+import { t as cn } from "./cn-BpvCVwZv.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/card/card.tsx
+function Card({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-xl border border-(--border) bg-(--card) text-(--card-foreground) shadow-xs", className),
+		...props
+	});
+}
+//#endregion
+export { Card };
+
+//# sourceMappingURL=card.mjs.map

package/dist/card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.mjs","names":[],"sources":["../src/components/card/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\ntype CardProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport function Card({ className, ...props }: CardProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-xl border border-(--border) bg-(--card) text-(--card-foreground) shadow-xs\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,KAAK,EAAE,WAAW,GAAG,SAAoB;AACvD,QACE,oBAAC,OAAD;EACE,WAAW,GACT,sFACA,UACD;EACD,GAAI;EACJ,CAAA"}

package/dist/cn-BpvCVwZv.mjs

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+//#region src/lib/cn.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn as t };
+
+//# sourceMappingURL=cn-BpvCVwZv.mjs.map

package/dist/cn-BpvCVwZv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn-BpvCVwZv.mjs","names":[],"sources":["../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/dropdown-menu.d.mts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/components/dropdown-menu/dropdown-menu.d.ts
+type DropdownMenuProps = React.ComponentPropsWithoutRef<typeof Menu.Root>;
+declare function DropdownMenuRoot(props: DropdownMenuProps): React.JSX.Element;
+type DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<typeof Menu.Trigger>;
+declare function DropdownMenuTrigger({
+  className,
+  ...props
+}: DropdownMenuTriggerProps): React.JSX.Element;
+type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof Menu.Popup> & Pick<React.ComponentPropsWithoutRef<typeof Menu.Positioner>, "side" | "align" | "sideOffset" | "alignOffset">;
+declare function DropdownMenuContent({
+  className,
+  side,
+  align,
+  sideOffset,
+  alignOffset,
+  ...props
+}: DropdownMenuContentProps): React.JSX.Element;
+type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof Menu.Item>;
+declare function DropdownMenuItem({
+  className,
+  ...props
+}: DropdownMenuItemProps): React.JSX.Element;
+declare const DropdownMenu: typeof DropdownMenuRoot & {
+  Trigger: typeof DropdownMenuTrigger;
+  Content: typeof DropdownMenuContent;
+  Item: typeof DropdownMenuItem;
+};
+//#endregion
+export { DropdownMenu };
+//# sourceMappingURL=dropdown-menu.d.mts.map

package/dist/dropdown-menu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.mts","names":[],"sources":["../src/components/dropdown-menu/dropdown-menu.tsx"],"mappings":";;;;KAIK,iBAAA,GAAoB,KAAA,CAAM,wBAAA,QAAgC,IAAA,CAAK,IAAA;AAAA,iBAE3D,gBAAA,CAAiB,KAAA,EAAO,iBAAA,GAAiB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAI7C,wBAAA,GAA2B,KAAA,CAAM,wBAAA,QAC7B,IAAA,CAAK,OAAA;AAAA,iBAGL,mBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAAwB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAYtB,wBAAA,GAA2B,KAAA,CAAM,wBAAA,QAC7B,IAAA,CAAK,KAAA,IAEZ,IAAA,CACE,KAAA,CAAM,wBAAA,QAAgC,IAAA,CAAK,UAAA;AAAA,iBAItC,mBAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,KAAA;EACA,UAAA;EACA,WAAA;EAAA,GACG;AAAA,GACF,wBAAA,GAAwB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA0BtB,qBAAA,GAAwB,KAAA,CAAM,wBAAA,QAAgC,IAAA,CAAK,IAAA;AAAA,iBAE/D,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,qBAAA,GAAqB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAc3D,YAAA,SAAY,gBAAA"}

package/dist/dropdown-menu.mjs

@@ -0,0 +1,42 @@
+import { t as cn } from "./cn-BpvCVwZv.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/dropdown-menu/dropdown-menu.tsx
+function DropdownMenuRoot(props) {
+	return /* @__PURE__ */ jsx(Menu.Root, { ...props });
+}
+function DropdownMenuTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		className: cn("rounded-md outline-none focus-visible:ring-2 focus-visible:ring-(--ring)/30", className),
+		...props
+	});
+}
+function DropdownMenuContent({ className, side, align = "start", sideOffset = 6, alignOffset, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		side,
+		align,
+		sideOffset,
+		alignOffset,
+		className: "z-50 outline-none",
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			className: cn("min-w-40 origin-(--transform-origin) scale-100 rounded-lg border border-(--border) bg-(--popover) p-1 text-(--popover-foreground) opacity-100 shadow-lg outline-none", "transition-[scale,opacity] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]", "data-ending-style:duration-100 data-ending-style:ease-in", "data-starting-style:scale-95 data-starting-style:opacity-0", "data-ending-style:scale-95 data-ending-style:opacity-0", className),
+			...props
+		})
+	}) });
+}
+function DropdownMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		className: cn("flex cursor-default items-center rounded-md px-2 py-1.5 text-[13px] text-(--popover-foreground) select-none outline-none transition-colors duration-150 ease-out", "data-highlighted:bg-(--accent) data-highlighted:text-(--accent-foreground)", "data-disabled:pointer-events-none data-disabled:opacity-50", className),
+		...props
+	});
+}
+const DropdownMenu = Object.assign(DropdownMenuRoot, {
+	Trigger: DropdownMenuTrigger,
+	Content: DropdownMenuContent,
+	Item: DropdownMenuItem
+});
+//#endregion
+export { DropdownMenu };
+
+//# sourceMappingURL=dropdown-menu.mjs.map

package/dist/dropdown-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.mjs","names":[],"sources":["../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { cn } from \"@/lib/cn\";\n\ntype DropdownMenuProps = React.ComponentPropsWithoutRef<typeof Menu.Root>;\n\nfunction DropdownMenuRoot(props: DropdownMenuProps) {\n  return <Menu.Root {...props} />;\n}\n\ntype DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<\n  typeof Menu.Trigger\n>;\n\nfunction DropdownMenuTrigger({\n  className,\n  ...props\n}: DropdownMenuTriggerProps) {\n  return (\n    <Menu.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 DropdownMenuContentProps = React.ComponentPropsWithoutRef<\n  typeof Menu.Popup\n> &\n  Pick<\n    React.ComponentPropsWithoutRef<typeof Menu.Positioner>,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\"\n  >;\n\nfunction DropdownMenuContent({\n  className,\n  side,\n  align = \"start\",\n  sideOffset = 6,\n  alignOffset,\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <Menu.Portal>\n      <Menu.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        className=\"z-50 outline-none\"\n      >\n        <Menu.Popup\n          className={cn(\n            \"min-w-40 origin-(--transform-origin) scale-100 rounded-lg border border-(--border) bg-(--popover) p-1 text-(--popover-foreground) opacity-100 shadow-lg outline-none\",\n            \"transition-[scale,opacity] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]\",\n            \"data-ending-style:duration-100 data-ending-style:ease-in\",\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      </Menu.Positioner>\n    </Menu.Portal>\n  );\n}\n\ntype DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof Menu.Item>;\n\nfunction DropdownMenuItem({ className, ...props }: DropdownMenuItemProps) {\n  return (\n    <Menu.Item\n      className={cn(\n        \"flex cursor-default items-center rounded-md px-2 py-1.5 text-[13px] text-(--popover-foreground) select-none outline-none transition-colors duration-150 ease-out\",\n        \"data-highlighted:bg-(--accent) data-highlighted:text-(--accent-foreground)\",\n        \"data-disabled:pointer-events-none data-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n});\n"],"mappings":";;;;;AAMA,SAAS,iBAAiB,OAA0B;AAClD,QAAO,oBAAC,KAAK,MAAN,EAAW,GAAI,OAAS,CAAA;;AAOjC,SAAS,oBAAoB,EAC3B,WACA,GAAG,SACwB;AAC3B,QACE,oBAAC,KAAK,SAAN;EACE,WAAW,GACT,+EACA,UACD;EACD,GAAI;EACJ,CAAA;;AAYN,SAAS,oBAAoB,EAC3B,WACA,MACA,QAAQ,SACR,aAAa,GACb,aACA,GAAG,SACwB;AAC3B,QACE,oBAAC,KAAK,QAAN,EAAA,UACE,oBAAC,KAAK,YAAN;EACQ;EACC;EACK;EACC;EACb,WAAU;YAEV,oBAAC,KAAK,OAAN;GACE,WAAW,GACT,wKACA,6EACA,4DACA,8DACA,0DACA,UACD;GACD,GAAI;GACJ,CAAA;EACc,CAAA,EACN,CAAA;;AAMlB,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgC;AACxE,QACE,oBAAC,KAAK,MAAN;EACE,WAAW,GACT,oKACA,8EACA,8DACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,MAAa,eAAe,OAAO,OAAO,kBAAkB;CAC1D,SAAS;CACT,SAAS;CACT,MAAM;CACP,CAAC"}

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

@@ -0,0 +1,5 @@
+//#region src/hooks/use-initials.d.ts
+declare function useInitials(name: string): string;
+//#endregion
+export { useInitials };
+//# sourceMappingURL=use-initials.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-initials.d.mts","names":[],"sources":["../../src/hooks/use-initials.ts"],"mappings":";iBAIgB,WAAA,CAAY,IAAA"}

package/dist/hooks/use-initials.mjs

@@ -0,0 +1,15 @@
+"use client";
+import * as React from "react";
+//#region src/hooks/use-initials.ts
+function useInitials(name) {
+	return React.useMemo(() => {
+		const parts = name.trim().split(/\s+/).filter(Boolean);
+		if (parts.length === 0) return "";
+		if (parts.length === 1) return parts[0].charAt(0).toUpperCase();
+		return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+	}, [name]);
+}
+//#endregion
+export { useInitials };
+
+//# sourceMappingURL=use-initials.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-initials.mjs","names":[],"sources":["../../src/hooks/use-initials.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport function useInitials(name: string): string {\n  return React.useMemo(() => {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n\n    if (parts.length === 0) return \"\";\n    if (parts.length === 1) return parts[0]!.charAt(0).toUpperCase();\n\n    return (\n      parts[0]!.charAt(0) + parts[parts.length - 1]!.charAt(0)\n    ).toUpperCase();\n  }, [name]);\n}\n"],"mappings":";;;AAIA,SAAgB,YAAY,MAAsB;AAChD,QAAO,MAAM,cAAc;EACzB,MAAM,QAAQ,KAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAEtD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,MAAI,MAAM,WAAW,EAAG,QAAO,MAAM,GAAI,OAAO,EAAE,CAAC,aAAa;AAEhE,UACE,MAAM,GAAI,OAAO,EAAE,GAAG,MAAM,MAAM,SAAS,GAAI,OAAO,EAAE,EACxD,aAAa;IACd,CAAC,KAAK,CAAC"}

package/dist/index.d.mts

@@ -0,0 +1,8 @@
+import { Avatar } from "./avatar.mjs";
+import { Button } from "./button.mjs";
+import { Card } from "./card.mjs";
+import { DropdownMenu } from "./dropdown-menu.mjs";
+import { Input } from "./input.mjs";
+import { Select } from "./select.mjs";
+import { useInitials } from "./hooks/use-initials.mjs";
+export { Avatar, Button, Card, DropdownMenu, Input, Select, useInitials };

package/dist/index.mjs

@@ -0,0 +1,8 @@
+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 { Input } from "./input.mjs";
+import { Select } from "./select.mjs";
+export { Avatar, Button, Card, DropdownMenu, Input, Select, useInitials };

package/dist/input.d.mts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { Input as Input$1 } from "@base-ui/react/input";
+
+//#region src/components/input/input.d.ts
+type InputSize = "sm" | "md";
+type InputProps = Omit<React.ComponentPropsWithoutRef<typeof Input$1>, "size"> & {
+  size?: InputSize;
+};
+declare function Input({
+  className,
+  size,
+  ...props
+}: InputProps): React.JSX.Element;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.mts.map

package/dist/input.d.mts.map

@@ -0,0 +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"}

package/dist/input.mjs

@@ -0,0 +1,19 @@
+import { t as cn } from "./cn-BpvCVwZv.mjs";
+import "react";
+import { jsx } 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]"
+};
+function Input({ className, size = "md", ...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),
+		...props
+	});
+}
+//#endregion
+export { Input };
+
+//# sourceMappingURL=input.mjs.map

package/dist/input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","names":["BaseInput"],"sources":["../src/components/input/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Input as BaseInput } from \"@base-ui/react/input\";\nimport { cn } from \"@/lib/cn\";\n\ntype InputSize = \"sm\" | \"md\";\n\ntype InputProps = Omit<\n  React.ComponentPropsWithoutRef<typeof BaseInput>,\n  \"size\"\n> & {\n  size?: InputSize;\n};\n\nconst sizes: Record<InputSize, string> = {\n  sm: \"h-7 rounded-md px-1.5 text-[12px]\",\n  md: \"h-8 rounded-md px-2 text-[14px]\",\n};\n\nexport function Input({ className, size = \"md\", ...props }: InputProps) {\n  return (\n    <BaseInput\n      className={cn(\n        \"w-full min-w-0 border bg-(--input) text-(--foreground) outline-none\",\n        \"placeholder:text-(--muted-foreground)\",\n        \"selection:bg-(--ring)/30 selection:text-(--foreground)\",\n        \"border-(--input-border) transition-[border-color,box-shadow] duration-150 ease-out\",\n        \"hover:bg-(--foreground)/4\",\n        \"focus-visible:border-(--ring) focus-visible:ring-[3px] focus-visible:ring-(--ring)/20\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        \"any-pointer-coarse:text-base\",\n        sizes[size],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAaA,MAAM,QAAmC;CACvC,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,MAAM,EAAE,WAAW,OAAO,MAAM,GAAG,SAAqB;AACtE,QACE,oBAACA,SAAD;EACE,WAAW,GACT,uEACA,yCACA,0DACA,sFACA,6BACA,yFACA,oDACA,gCACA,MAAM,OACN,UACD;EACD,GAAI;EACJ,CAAA"}

package/dist/select.d.mts

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { Select as Select$1 } from "@base-ui/react/select";
+
+//#region src/components/select/select.d.ts
+type SelectRootProps = React.ComponentProps<typeof Select$1.Root>;
+declare function SelectRoot({
+  items,
+  children,
+  ...props
+}: SelectRootProps): React.JSX.Element;
+type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof Select$1.Trigger> & {
+  placeholder?: string;
+};
+declare function SelectTrigger({
+  className,
+  placeholder,
+  ...props
+}: SelectTriggerProps): React.JSX.Element;
+type SelectContentProps = React.ComponentPropsWithoutRef<typeof Select$1.Popup> & Pick<React.ComponentPropsWithoutRef<typeof Select$1.Positioner>, "side" | "align" | "sideOffset" | "alignOffset">;
+declare function SelectContent({
+  className,
+  children,
+  side,
+  align,
+  sideOffset,
+  alignOffset,
+  ...props
+}: SelectContentProps): React.JSX.Element;
+type SelectItemProps = React.ComponentPropsWithoutRef<typeof Select$1.Item>;
+declare function SelectItem({
+  className,
+  children,
+  ...props
+}: SelectItemProps): React.JSX.Element;
+type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof Select$1.Separator>;
+declare function SelectSeparator({
+  className,
+  ...props
+}: SelectSeparatorProps): React.JSX.Element;
+declare const Select: typeof SelectRoot & {
+  Trigger: typeof SelectTrigger;
+  Content: typeof SelectContent;
+  Item: typeof SelectItem;
+  Separator: typeof SelectSeparator;
+};
+//#endregion
+export { Select };
+//# sourceMappingURL=select.d.mts.map

package/dist/select.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.mts","names":[],"sources":["../src/components/select/select.tsx"],"mappings":";;;;KAMK,eAAA,GAAkB,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAW,IAAA;AAAA,iBAuBrD,UAAA,CAAA;EAAa,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,eAAA,GAAe,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAe7D,kBAAA,GAAqB,KAAA,CAAM,wBAAA,QACvB,QAAA,CAAW,OAAA;EAElB,WAAA;AAAA;AAAA,iBAGO,aAAA,CAAA;EACP,SAAA;EACA,WAAA;EAAA,GACG;AAAA,GACF,kBAAA,GAAkB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAoChB,kBAAA,GAAqB,KAAA,CAAM,wBAAA,QACvB,QAAA,CAAW,KAAA,IAElB,IAAA,CACE,KAAA,CAAM,wBAAA,QAAgC,QAAA,CAAW,UAAA;AAAA,iBAI5C,aAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,IAAA;EACA,KAAA;EACA,UAAA;EACA,WAAA;EAAA,GACG;AAAA,GACF,kBAAA,GAAkB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA8BhB,eAAA,GAAkB,KAAA,CAAM,wBAAA,QAAgC,QAAA,CAAW,IAAA;AAAA,iBAE/D,UAAA,CAAA;EAAa,SAAA;EAAW,QAAA;EAAA,GAAa;AAAA,GAAS,eAAA,GAAe,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAgCjE,oBAAA,GAAuB,KAAA,CAAM,wBAAA,QACzB,QAAA,CAAW,SAAA;AAAA,iBAGX,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,oBAAA,GAAoB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cASzD,MAAA,SAAM,UAAA"}

package/dist/select.mjs

@@ -0,0 +1,108 @@
+"use client";
+import { t as cn } from "./cn-BpvCVwZv.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select as Select$1 } from "@base-ui/react/select";
+//#region src/components/select/select.tsx
+function collectItemLabels(children, items) {
+	React.Children.forEach(children, (child) => {
+		if (!React.isValidElement(child)) return;
+		const props = child.props;
+		if (child.type === SelectItem) {
+			if (props.value != null) items[String(props.value)] = props.children;
+			return;
+		}
+		if (props.children != null) collectItemLabels(props.children, items);
+	});
+}
+function SelectRoot({ items, children, ...props }) {
+	const derivedItems = React.useMemo(() => {
+		if (items) return items;
+		const map = {};
+		collectItemLabels(children, map);
+		return map;
+	}, [items, children]);
+	return /* @__PURE__ */ jsx(Select$1.Root, {
+		items: derivedItems,
+		...props,
+		children
+	});
+}
+function SelectTrigger({ className, placeholder, ...props }) {
+	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
+		className: cn("flex h-8 w-full min-w-40 items-center justify-between gap-2 rounded-md border border-(--input-border) bg-(--input) px-2 text-[14px] text-(--foreground) outline-none", "transition-[border-color,box-shadow] duration-150 ease-out", "hover:not-data-disabled:bg-(--foreground)/4", "focus-visible:border-(--ring) focus-visible:ring-[3px] focus-visible:ring-(--ring)/20", "data-popup-open:border-(--ring) data-popup-open:ring-[3px] data-popup-open:ring-(--ring)/20", "data-disabled:pointer-events-none data-disabled:opacity-50", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Select$1.Value, {
+			placeholder,
+			className: "data-placeholder:text-(--muted-foreground)"
+		}), /* @__PURE__ */ jsx(Select$1.Icon, {
+			className: "flex shrink-0 items-center text-(--muted-foreground) transition-transform duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] data-popup-open:rotate-180",
+			children: /* @__PURE__ */ jsx("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				className: "size-3.5",
+				children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+			})
+		})]
+	});
+}
+function SelectContent({ className, children, side = "bottom", align = "start", sideOffset = 6, alignOffset, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
+		alignItemWithTrigger: false,
+		side,
+		align,
+		sideOffset,
+		alignOffset,
+		collisionAvoidance: { side: "none" },
+		className: "z-50 outline-none",
+		children: /* @__PURE__ */ jsx(Select$1.Popup, {
+			className: cn("min-w-(--anchor-width) origin-(--transform-origin) scale-100 rounded-lg border border-(--border) bg-(--popover) p-1 text-(--popover-foreground) opacity-100 shadow-lg outline-none", "transition-[scale,opacity] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]", "data-ending-style:duration-100 data-ending-style:ease-in", "data-starting-style:scale-95 data-starting-style:opacity-0", "data-ending-style:scale-95 data-ending-style:opacity-0", className),
+			...props,
+			children: /* @__PURE__ */ jsx(Select$1.List, { children })
+		})
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select$1.Item, {
+		className: cn("grid cursor-default grid-cols-[0.875rem_1fr] items-center gap-2 rounded-md py-1.5 pr-2 pl-1.5 text-[13px] text-(--popover-foreground) select-none outline-none transition-colors duration-150 ease-out", "data-highlighted:bg-(--accent)", "data-disabled:pointer-events-none data-disabled:opacity-50", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Select$1.ItemIndicator, {
+			className: "col-start-1 text-(--foreground)",
+			children: /* @__PURE__ */ jsx("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				className: "size-3.5",
+				children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+			})
+		}), /* @__PURE__ */ jsx(Select$1.ItemText, {
+			className: "col-start-2",
+			children
+		})]
+	});
+}
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Separator, {
+		className: cn("-mx-1 my-1 h-px bg-(--border)", className),
+		...props
+	});
+}
+const Select = Object.assign(SelectRoot, {
+	Trigger: SelectTrigger,
+	Content: SelectContent,
+	Item: SelectItem,
+	Separator: SelectSeparator
+});
+//#endregion
+export { Select };
+
+//# sourceMappingURL=select.mjs.map

package/dist/select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.mjs","names":["BaseSelect"],"sources":["../src/components/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { cn } from \"@/lib/cn\";\n\ntype SelectRootProps = React.ComponentProps<typeof BaseSelect.Root>;\n\nfunction collectItemLabels(\n  children: React.ReactNode,\n  items: Record<string, React.ReactNode>,\n) {\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n\n    const props = child.props as {\n      value?: unknown;\n      children?: React.ReactNode;\n    };\n\n    if (child.type === SelectItem) {\n      if (props.value != null) items[String(props.value)] = props.children;\n      return;\n    }\n\n    if (props.children != null) collectItemLabels(props.children, items);\n  });\n}\n\nfunction SelectRoot({ items, children, ...props }: SelectRootProps) {\n  const derivedItems = React.useMemo(() => {\n    if (items) return items;\n    const map: Record<string, React.ReactNode> = {};\n    collectItemLabels(children, map);\n    return map;\n  }, [items, children]);\n\n  return (\n    <BaseSelect.Root items={derivedItems} {...props}>\n      {children}\n    </BaseSelect.Root>\n  );\n}\n\ntype SelectTriggerProps = React.ComponentPropsWithoutRef<\n  typeof BaseSelect.Trigger\n> & {\n  placeholder?: string;\n};\n\nfunction SelectTrigger({\n  className,\n  placeholder,\n  ...props\n}: SelectTriggerProps) {\n  return (\n    <BaseSelect.Trigger\n      className={cn(\n        \"flex h-8 w-full min-w-40 items-center justify-between gap-2 rounded-md border border-(--input-border) bg-(--input) px-2 text-[14px] text-(--foreground) outline-none\",\n        \"transition-[border-color,box-shadow] duration-150 ease-out\",\n        \"hover:not-data-disabled:bg-(--foreground)/4\",\n        \"focus-visible:border-(--ring) focus-visible:ring-[3px] focus-visible:ring-(--ring)/20\",\n        \"data-popup-open:border-(--ring) data-popup-open:ring-[3px] data-popup-open:ring-(--ring)/20\",\n        \"data-disabled:pointer-events-none data-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <BaseSelect.Value\n        placeholder={placeholder}\n        className=\"data-placeholder:text-(--muted-foreground)\"\n      />\n      <BaseSelect.Icon className=\"flex shrink-0 items-center text-(--muted-foreground) transition-transform duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] data-popup-open:rotate-180\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"size-3.5\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </BaseSelect.Icon>\n    </BaseSelect.Trigger>\n  );\n}\n\ntype SelectContentProps = React.ComponentPropsWithoutRef<\n  typeof BaseSelect.Popup\n> &\n  Pick<\n    React.ComponentPropsWithoutRef<typeof BaseSelect.Positioner>,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\"\n  >;\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  align = \"start\",\n  sideOffset = 6,\n  alignOffset,\n  ...props\n}: SelectContentProps) {\n  return (\n    <BaseSelect.Portal>\n      <BaseSelect.Positioner\n        alignItemWithTrigger={false}\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        collisionAvoidance={{ side: \"none\" }}\n        className=\"z-50 outline-none\"\n      >\n        <BaseSelect.Popup\n          className={cn(\n            \"min-w-(--anchor-width) origin-(--transform-origin) scale-100 rounded-lg border border-(--border) bg-(--popover) p-1 text-(--popover-foreground) opacity-100 shadow-lg outline-none\",\n            \"transition-[scale,opacity] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]\",\n            \"data-ending-style:duration-100 data-ending-style:ease-in\",\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          <BaseSelect.List>{children}</BaseSelect.List>\n        </BaseSelect.Popup>\n      </BaseSelect.Positioner>\n    </BaseSelect.Portal>\n  );\n}\n\ntype SelectItemProps = React.ComponentPropsWithoutRef<typeof BaseSelect.Item>;\n\nfunction SelectItem({ className, children, ...props }: SelectItemProps) {\n  return (\n    <BaseSelect.Item\n      className={cn(\n        \"grid cursor-default grid-cols-[0.875rem_1fr] items-center gap-2 rounded-md py-1.5 pr-2 pl-1.5 text-[13px] text-(--popover-foreground) select-none outline-none transition-colors duration-150 ease-out\",\n        \"data-highlighted:bg-(--accent)\",\n        \"data-disabled:pointer-events-none data-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <BaseSelect.ItemIndicator className=\"col-start-1 text-(--foreground)\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"size-3.5\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      </BaseSelect.ItemIndicator>\n      <BaseSelect.ItemText className=\"col-start-2\">\n        {children}\n      </BaseSelect.ItemText>\n    </BaseSelect.Item>\n  );\n}\n\ntype SelectSeparatorProps = React.ComponentPropsWithoutRef<\n  typeof BaseSelect.Separator\n>;\n\nfunction SelectSeparator({ className, ...props }: SelectSeparatorProps) {\n  return (\n    <BaseSelect.Separator\n      className={cn(\"-mx-1 my-1 h-px bg-(--border)\", className)}\n      {...props}\n    />\n  );\n}\n\nexport const Select = Object.assign(SelectRoot, {\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n});\n"],"mappings":";;;;;;AAQA,SAAS,kBACP,UACA,OACA;AACA,OAAM,SAAS,QAAQ,WAAW,UAAU;AAC1C,MAAI,CAAC,MAAM,eAAe,MAAM,CAAE;EAElC,MAAM,QAAQ,MAAM;AAKpB,MAAI,MAAM,SAAS,YAAY;AAC7B,OAAI,MAAM,SAAS,KAAM,OAAM,OAAO,MAAM,MAAM,IAAI,MAAM;AAC5D;;AAGF,MAAI,MAAM,YAAY,KAAM,mBAAkB,MAAM,UAAU,MAAM;GACpE;;AAGJ,SAAS,WAAW,EAAE,OAAO,UAAU,GAAG,SAA0B;CAClE,MAAM,eAAe,MAAM,cAAc;AACvC,MAAI,MAAO,QAAO;EAClB,MAAM,MAAuC,EAAE;AAC/C,oBAAkB,UAAU,IAAI;AAChC,SAAO;IACN,CAAC,OAAO,SAAS,CAAC;AAErB,QACE,oBAACA,SAAW,MAAZ;EAAiB,OAAO;EAAc,GAAI;EACvC;EACe,CAAA;;AAUtB,SAAS,cAAc,EACrB,WACA,aACA,GAAG,SACkB;AACrB,QACE,qBAACA,SAAW,SAAZ;EACE,WAAW,GACT,wKACA,8DACA,+CACA,yFACA,+FACA,8DACA,UACD;EACD,GAAI;YAVN,CAYE,oBAACA,SAAW,OAAZ;GACe;GACb,WAAU;GACV,CAAA,EACF,oBAACA,SAAW,MAAZ;GAAiB,WAAU;aACzB,oBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;IACf,WAAU;cAEV,oBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACrB,CAAA;GACU,CAAA,CACC;;;AAYzB,SAAS,cAAc,EACrB,WACA,UACA,OAAO,UACP,QAAQ,SACR,aAAa,GACb,aACA,GAAG,SACkB;AACrB,QACE,oBAACA,SAAW,QAAZ,EAAA,UACE,oBAACA,SAAW,YAAZ;EACE,sBAAsB;EAChB;EACC;EACK;EACC;EACb,oBAAoB,EAAE,MAAM,QAAQ;EACpC,WAAU;YAEV,oBAACA,SAAW,OAAZ;GACE,WAAW,GACT,sLACA,6EACA,4DACA,8DACA,0DACA,UACD;GACD,GAAI;aAEJ,oBAACA,SAAW,MAAZ,EAAkB,UAA2B,CAAA;GAC5B,CAAA;EACG,CAAA,EACN,CAAA;;AAMxB,SAAS,WAAW,EAAE,WAAW,UAAU,GAAG,SAA0B;AACtE,QACE,qBAACA,SAAW,MAAZ;EACE,WAAW,GACT,0MACA,kCACA,8DACA,UACD;EACD,GAAI;YAPN,CASE,oBAACA,SAAW,eAAZ;GAA0B,WAAU;aAClC,oBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;IACf,WAAU;cAEV,oBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA;IACxB,CAAA;GACmB,CAAA,EAC3B,oBAACA,SAAW,UAAZ;GAAqB,WAAU;GAC5B;GACmB,CAAA,CACN;;;AAQtB,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAA+B;AACtE,QACE,oBAACA,SAAW,WAAZ;EACE,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,MAAa,SAAS,OAAO,OAAO,YAAY;CAC9C,SAAS;CACT,SAAS;CACT,MAAM;CACN,WAAW;CACZ,CAAC"}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@florianke/components",
+  "version": "0.0.1",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "private": false,
+  "type": "module",
+  "files": [
+    "dist",
+    "src/styles.css"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./avatar": {
+      "types": "./dist/avatar.d.mts",
+      "import": "./dist/avatar.mjs"
+    },
+    "./button": {
+      "types": "./dist/button.d.mts",
+      "import": "./dist/button.mjs"
+    },
+    "./card": {
+      "types": "./dist/card.d.mts",
+      "import": "./dist/card.mjs"
+    },
+    "./dropdown-menu": {
+      "types": "./dist/dropdown-menu.d.mts",
+      "import": "./dist/dropdown-menu.mjs"
+    },
+    "./input": {
+      "types": "./dist/input.d.mts",
+      "import": "./dist/input.mjs"
+    },
+    "./select": {
+      "types": "./dist/select.d.mts",
+      "import": "./dist/select.mjs"
+    },
+    "./hooks/use-initials": {
+      "types": "./dist/hooks/use-initials.d.mts",
+      "import": "./dist/hooks/use-initials.mjs"
+    },
+    "./styles.css": "./src/styles.css"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "ladle serve",
+    "build:ladle": "ladle build",
+    "build": "tsdown",
+    "prepare": "tsdown"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.6.0",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.6.0"
+  },
+  "devDependencies": {
+    "@ladle/react": "^5.1.1",
+    "@tailwindcss/vite": "^4.3.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.3",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "tailwindcss": "^4.3.2",
+    "tsdown": "^0.21.10",
+    "typescript": "^6.0.3",
+    "vite": "^8.1.2"
+  }
+}

package/src/styles.css

@@ -0,0 +1,63 @@
+@import "tailwindcss";
+@source "./";
+@source "../.ladle/";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+:root {
+    --background: oklch(0.984 0 0);
+    --foreground: oklch(0.15 0 0);
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.15 0 0);
+    --border: oklch(0.97 0 0);
+    --input: oklch(0.98 0 0);
+    --input-border: oklch(0.953 0 0);
+    --muted: oklch(0.979 0 0);
+    --muted-foreground: oklch(0.5 0 0);
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.15 0 0);
+    --accent: oklch(0.975 0 0);
+    --accent-foreground: oklch(0.15 0 0);
+    --ring: oklch(0.62 0.19 259);
+}
+
+@media (prefers-color-scheme: dark) {
+    :root:not(.light) {
+        --background: oklch(0.145 0.004 264);
+        --foreground: oklch(0.97 0.003 264);
+        --card: oklch(0.205 0.005 264);
+        --card-foreground: oklch(0.97 0.003 264);
+        --border: oklch(0.28 0.007 264);
+        --input: oklch(0.235 0.005 264);
+        --input-border: oklch(0.33 0.008 264);
+        --muted: oklch(0.185 0.004 264);
+        --muted-foreground: oklch(0.62 0.008 264);
+        --popover: oklch(0.185 0.004 264);
+        --popover-foreground: oklch(0.97 0.003 264);
+        --accent: oklch(0.23 0.006 264);
+        --accent-foreground: oklch(0.97 0.003 264);
+        --ring: oklch(0.72 0.16 262);
+    }
+}
+
+.dark {
+    --background: oklch(0.145 0.004 264);
+    --foreground: oklch(0.97 0.003 264);
+    --card: oklch(0.205 0.005 264);
+    --card-foreground: oklch(0.97 0.003 264);
+    --border: oklch(0.28 0.007 264);
+    --input: oklch(0.235 0.005 264);
+    --input-border: oklch(0.33 0.008 264);
+    --muted: oklch(0.185 0.004 264);
+    --muted-foreground: oklch(0.62 0.008 264);
+    --popover: oklch(0.185 0.004 264);
+    --popover-foreground: oklch(0.97 0.003 264);
+    --accent: oklch(0.23 0.006 264);
+    --accent-foreground: oklch(0.97 0.003 264);
+    --ring: oklch(0.72 0.16 262);
+}
+
+body {
+    background: var(--background);
+    color: var(--foreground);
+}