@florianke/components 0.0.3 → 0.0.6

package/dist/alert-dialog.mjs

@@ -1,49 +1,5 @@
-"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
-	});
-}
+import { AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger } from "./components/alert-dialog/alert-dialog.mjs";
+//#region src/components/alert-dialog/index.ts
 const AlertDialog = Object.assign(AlertDialogRoot, {
 	Trigger: AlertDialogTrigger,
 	Content: AlertDialogContent,

package/dist/alert-dialog.mjs.map

@@ -1 +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"}
+{"version":3,"file":"alert-dialog.mjs","names":[],"sources":["../src/components/alert-dialog/index.ts"],"sourcesContent":["import {\n  AlertDialogClose,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogRoot,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"./alert-dialog\";\n\n// Composed in a module without \"use client\" on purpose: Next.js/Turbopack\n// generates a client-reference proxy for each export of a \"use client\"\n// module, and that proxy does not forward extra static properties attached\n// via Object.assign. Doing the composition here (a plain module that just\n// re-imports the already-resolved client references) keeps\n// `AlertDialog.Content` etc. working when consumed from a Server Component.\nexport const AlertDialog = Object.assign(AlertDialogRoot, {\n  Trigger: AlertDialogTrigger,\n  Content: AlertDialogContent,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Close: AlertDialogClose,\n});\n"],"mappings":";;AAeA,MAAa,cAAc,OAAO,OAAO,iBAAiB;CACxD,SAAS;CACT,SAAS;CACT,OAAO;CACP,aAAa;CACb,OAAO;CACR,CAAC"}

package/dist/avatar.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BpvCVwZv.mjs";
+import { cn } from "./lib/cn.mjs";
 import { useInitials } from "./hooks/use-initials.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/button.mjs

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-BpvCVwZv.mjs";
+import { cn } from "./lib/cn.mjs";
 import "react";
 import { Button as Button$1 } from "@base-ui/react/button";
 import { jsx } from "react/jsx-runtime";

package/dist/card.mjs

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-BpvCVwZv.mjs";
+import { cn } from "./lib/cn.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/card/card.tsx

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

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

package/dist/components/alert-dialog/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,WAAA,CAAgB,IAAA;AAAA,iBAGT,eAAA,CAAgB,KAAA,EAAO,oBAAA,GAAoB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAItD,uBAAA,GAA0B,KAAA,CAAM,wBAAA,QAC5B,WAAA,CAAgB,OAAA;AAAA,iBAGT,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,uBAAA,GAAuB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAY9E,uBAAA,GAA0B,KAAA,CAAM,wBAAA,QAC5B,WAAA,CAAgB,KAAA;AAAA,iBAGT,kBAAA,CAAA;EACd,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,uBAAA,GAAuB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA0BrB,qBAAA,GAAwB,KAAA,CAAM,wBAAA,QAC1B,WAAA,CAAgB,KAAA;AAAA,iBAGT,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,qBAAA,GAAqB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAS1E,2BAAA,GAA8B,KAAA,CAAM,wBAAA,QAChC,WAAA,CAAgB,WAAA;AAAA,iBAGT,sBAAA,CAAA;EACd,SAAA;EAAA,GACG;AAAA,GACF,2BAAA,GAA2B,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAUzB,qBAAA,GAAwB,KAAA,CAAM,wBAAA,QAC1B,WAAA,CAAgB,KAAA;AAAA,iBAGT,gBAAA,CAAA;EAAmB,MAAA;EAAA,GAAW;AAAA,GAAS,qBAAA,GAAqB,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/alert-dialog/alert-dialog.mjs

@@ -0,0 +1,50 @@
+"use client";
+import { cn } from "../../lib/cn.mjs";
+import { Button } from "../../button.mjs";
+import { Text } from "../../text.mjs";
+import "react";
+import { AlertDialog } 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.Root, { ...props });
+}
+function AlertDialogTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.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.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog.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.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.Title, {
+		className: cn("text-base font-semibold", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		render: /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			size: "base"
+		}),
+		className: cn("text-(--muted-foreground)", className),
+		...props
+	});
+}
+function AlertDialogClose({ render, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Close, {
+		render: render ?? /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+		...props
+	});
+}
+//#endregion
+export { AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger };
+
+//# sourceMappingURL=alert-dialog.mjs.map

package/dist/components/alert-dialog/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\nexport function AlertDialogRoot(props: AlertDialogRootProps) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\ntype AlertDialogTriggerProps = React.ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Trigger\n>;\n\nexport function 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\nexport function 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\nexport function 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\nexport function 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\nexport function AlertDialogClose({ render, ...props }: AlertDialogCloseProps) {\n  return (\n    <BaseAlertDialog.Close\n      render={render ?? <Button variant=\"outline\" />}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,gBAAgB,OAA6B;AAC3D,QAAO,oBAACA,YAAgB,MAAjB,EAAsB,GAAI,OAAS,CAAA;;AAO5C,SAAgB,mBAAmB,EAAE,WAAW,GAAG,SAAkC;AACnF,QACE,oBAACA,YAAgB,SAAjB;EACE,WAAW,GACT,+EACA,UACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAgB,mBAAmB,EACjC,WACA,UACA,GAAG,SACuB;AAC1B,QACE,qBAACA,YAAgB,QAAjB,EAAA,UAAA,CACE,oBAACA,YAAgB,UAAjB,EACE,WAAW,GACT,mFACA,6DACA,iDACD,EACD,CAAA,EACF,oBAACA,YAAgB,OAAjB;EACE,WAAW,GACT,6NACA,wDACA,8DACA,0DACA,UACD;EACD,GAAI;EAEH;EACqB,CAAA,CACD,EAAA,CAAA;;AAQ7B,SAAgB,iBAAiB,EAAE,WAAW,GAAG,SAAgC;AAC/E,QACE,oBAACA,YAAgB,OAAjB;EACE,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;EACJ,CAAA;;AAQN,SAAgB,uBAAuB,EACrC,WACA,GAAG,SAC2B;AAC9B,QACE,oBAACA,YAAgB,aAAjB;EACE,QAAQ,oBAAC,MAAD;GAAM,IAAG;GAAI,MAAK;GAAS,CAAA;EACnC,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;EACJ,CAAA;;AAQN,SAAgB,iBAAiB,EAAE,QAAQ,GAAG,SAAgC;AAC5E,QACE,oBAACA,YAAgB,OAAjB;EACE,QAAQ,UAAU,oBAAC,QAAD,EAAQ,SAAQ,WAAY,CAAA;EAC9C,GAAI;EACJ,CAAA"}

package/dist/components/select/select.d.mts

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

package/dist/components/select/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,MAAA,CAAW,IAAA;AAAA,iBAuB9C,UAAA,CAAA;EAAa,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,eAAA,GAAe,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAepE,kBAAA,GAAqB,KAAA,CAAM,wBAAA,QACvB,MAAA,CAAW,OAAA;EAElB,WAAA;AAAA;AAAA,iBAGc,aAAA,CAAA;EACd,SAAA;EACA,WAAA;EAAA,GACG;AAAA,GACF,kBAAA,GAAkB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAoChB,kBAAA,GAAqB,KAAA,CAAM,wBAAA,QACvB,MAAA,CAAW,KAAA,IAElB,IAAA,CACE,KAAA,CAAM,wBAAA,QAAgC,MAAA,CAAW,UAAA;AAAA,iBAIrC,aAAA,CAAA;EACd,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,MAAA,CAAW,IAAA;AAAA,iBAExD,UAAA,CAAA;EAAa,SAAA;EAAW,QAAA;EAAA,GAAa;AAAA,GAAS,eAAA,GAAe,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAgCxE,oBAAA,GAAuB,KAAA,CAAM,wBAAA,QACzB,MAAA,CAAW,SAAA;AAAA,iBAGJ,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,oBAAA,GAAoB,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/select/select.mjs

@@ -0,0 +1,102 @@
+"use client";
+import { cn } from "../../lib/cn.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } 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.Root, {
+		items: derivedItems,
+		...props,
+		children
+	});
+}
+function SelectTrigger({ className, placeholder, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.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.Value, {
+			placeholder,
+			className: "data-placeholder:text-(--muted-foreground)"
+		}), /* @__PURE__ */ jsx(Select.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.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
+		alignItemWithTrigger: false,
+		side,
+		align,
+		sideOffset,
+		alignOffset,
+		collisionAvoidance: { side: "none" },
+		className: "z-50 outline-none",
+		children: /* @__PURE__ */ jsx(Select.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.List, { children })
+		})
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.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.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.ItemText, {
+			className: "col-start-2",
+			children
+		})]
+	});
+}
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		className: cn("-mx-1 my-1 h-px bg-(--border)", className),
+		...props
+	});
+}
+//#endregion
+export { SelectContent, SelectItem, SelectRoot, SelectSeparator, SelectTrigger };
+
+//# sourceMappingURL=select.mjs.map

package/dist/components/select/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\nexport function 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\nexport function 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\nexport function 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\nexport function 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\nexport function 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"],"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,SAAgB,WAAW,EAAE,OAAO,UAAU,GAAG,SAA0B;CACzE,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,OAAW,MAAZ;EAAiB,OAAO;EAAc,GAAI;EACvC;EACe,CAAA;;AAUtB,SAAgB,cAAc,EAC5B,WACA,aACA,GAAG,SACkB;AACrB,QACE,qBAACA,OAAW,SAAZ;EACE,WAAW,GACT,wKACA,8DACA,+CACA,yFACA,+FACA,8DACA,UACD;EACD,GAAI;YAVN,CAYE,oBAACA,OAAW,OAAZ;GACe;GACb,WAAU;GACV,CAAA,EACF,oBAACA,OAAW,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,SAAgB,cAAc,EAC5B,WACA,UACA,OAAO,UACP,QAAQ,SACR,aAAa,GACb,aACA,GAAG,SACkB;AACrB,QACE,oBAACA,OAAW,QAAZ,EAAA,UACE,oBAACA,OAAW,YAAZ;EACE,sBAAsB;EAChB;EACC;EACK;EACC;EACb,oBAAoB,EAAE,MAAM,QAAQ;EACpC,WAAU;YAEV,oBAACA,OAAW,OAAZ;GACE,WAAW,GACT,sLACA,6EACA,4DACA,8DACA,0DACA,UACD;GACD,GAAI;aAEJ,oBAACA,OAAW,MAAZ,EAAkB,UAA2B,CAAA;GAC5B,CAAA;EACG,CAAA,EACN,CAAA;;AAMxB,SAAgB,WAAW,EAAE,WAAW,UAAU,GAAG,SAA0B;AAC7E,QACE,qBAACA,OAAW,MAAZ;EACE,WAAW,GACT,0MACA,kCACA,8DACA,UACD;EACD,GAAI;YAPN,CASE,oBAACA,OAAW,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,OAAW,UAAZ;GAAqB,WAAU;GAC5B;GACmB,CAAA,CACN;;;AAQtB,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAA+B;AAC7E,QACE,oBAACA,OAAW,WAAZ;EACE,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA"}

package/dist/components/toast/toast.d.mts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { Toast } from "@base-ui/react/toast";
+
+//#region src/components/toast/toast.d.ts
+type ToastProviderProps = React.ComponentPropsWithoutRef<typeof Toast.Provider>;
+declare function ToastProvider(props: ToastProviderProps): React.JSX.Element;
+type ToastViewportProps = React.ComponentPropsWithoutRef<typeof Toast.Viewport>;
+declare function ToastViewport({
+  className,
+  ...props
+}: ToastViewportProps): React.JSX.Element;
+type ToastRootProps = React.ComponentPropsWithoutRef<typeof Toast.Root>;
+declare function ToastRoot({
+  className,
+  ...props
+}: ToastRootProps): React.JSX.Element;
+type ToastContentProps = React.ComponentPropsWithoutRef<typeof Toast.Content>;
+declare function ToastContent({
+  className,
+  ...props
+}: ToastContentProps): React.JSX.Element;
+type ToastTitleProps = React.ComponentPropsWithoutRef<typeof Toast.Title>;
+declare function ToastTitle({
+  className,
+  ...props
+}: ToastTitleProps): React.JSX.Element;
+type ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof Toast.Description>;
+declare function ToastDescription({
+  className,
+  ...props
+}: ToastDescriptionProps): React.JSX.Element;
+type ToastIconProps = React.SVGProps<SVGSVGElement> & {
+  type: string | undefined;
+};
+declare function ToastIcon({
+  type,
+  className,
+  ...props
+}: ToastIconProps): React.JSX.Element | null;
+type ToastCloseProps = React.ComponentPropsWithoutRef<typeof Toast.Close>;
+declare function ToastClose(props: ToastCloseProps): React.JSX.Element;
+declare function ToastList(): React.JSX.Element[];
+//#endregion
+export { ToastClose, ToastContent, ToastDescription, ToastIcon, ToastList, ToastProvider, ToastRoot, ToastTitle, ToastViewport };
+//# sourceMappingURL=toast.d.mts.map

package/dist/components/toast/toast.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.mts","names":[],"sources":["../../../src/components/toast/toast.tsx"],"mappings":";;;;KAQK,kBAAA,GAAqB,KAAA,CAAM,wBAAA,QACvB,KAAA,CAAU,QAAA;AAAA,iBAGH,aAAA,CAAc,KAAA,EAAO,kBAAA,GAAkB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAIlD,kBAAA,GAAqB,KAAA,CAAM,wBAAA,QACvB,KAAA,CAAU,QAAA;AAAA,iBAGH,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,kBAAA,GAAkB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAcpE,cAAA,GAAiB,KAAA,CAAM,wBAAA,QAAgC,KAAA,CAAU,IAAA;AAAA,iBAEtD,SAAA,CAAA;EAAY,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,GAAc,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA6B5D,iBAAA,GAAoB,KAAA,CAAM,wBAAA,QACtB,KAAA,CAAU,OAAA;AAAA,iBAGH,YAAA,CAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,iBAAA,GAAiB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAalE,eAAA,GAAkB,KAAA,CAAM,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,iBAEvD,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,eAAA,GAAe,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAS9D,qBAAA,GAAwB,KAAA,CAAM,wBAAA,QAC1B,KAAA,CAAU,WAAA;AAAA,iBAGH,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,qBAAA,GAAqB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAuF1E,cAAA,GAAiB,KAAA,CAAM,QAAA,CAAS,aAAA;EACnC,IAAA;AAAA;AAAA,iBAGc,SAAA,CAAA;EAAY,IAAA;EAAM,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,GAAc,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAgBlE,eAAA,GAAkB,KAAA,CAAM,wBAAA,QAAgC,KAAA,CAAU,KAAA;AAAA,iBAEvD,UAAA,CAAW,KAAA,EAAO,eAAA,GAAe,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBASjC,SAAA,CAAA,GAAS,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/toast/toast.mjs

@@ -0,0 +1,156 @@
+"use client";
+import { cn } from "../../lib/cn.mjs";
+import { Button } from "../../button.mjs";
+import { Text } from "../../text.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/toast/toast.tsx
+function ToastProvider(props) {
+	return /* @__PURE__ */ jsx(Toast.Provider, { ...props });
+}
+function ToastViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(Toast.Viewport, {
+		className: cn("fixed right-4 bottom-4 z-50 mx-auto w-[calc(100vw-2rem)] sm:right-6 sm:bottom-6 sm:w-90", className),
+		...props
+	}) });
+}
+function ToastRoot({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Root, {
+		className: cn("[--gap:0.75rem] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]", "absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] w-full origin-bottom", "transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]", "rounded-lg border border-(--border) bg-(--popover) text-(--popover-foreground) shadow-lg select-none", "data-ending-style:opacity-0 data-limited:opacity-0", "data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]", "data-starting-style:transform-[translateY(150%)]", "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(150%)]", "data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]", "h-(--height) data-expanded:h-(--toast-height)", "[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]", className),
+		...props
+	});
+}
+function ToastContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Content, {
+		className: cn("flex h-full items-center gap-4 overflow-hidden p-3 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)]", "data-behind:opacity-0 data-expanded:opacity-100", className),
+		...props
+	});
+}
+function ToastTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Title, {
+		className: cn("text-[13px] font-semibold", className),
+		...props
+	});
+}
+function ToastDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Description, {
+		render: /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			size: "small"
+		}),
+		className: cn("text-(--muted-foreground)", className),
+		...props
+	});
+}
+const variantIcons = {
+	success: (props) => /* @__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("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9"
+		}), /* @__PURE__ */ jsx("path", { d: "m8.5 12.5 2.5 2.5 4.5-5" })]
+	}),
+	error: (props) => /* @__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("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9"
+		}), /* @__PURE__ */ jsx("path", { d: "m9.5 9.5 5 5m0-5-5 5" })]
+	}),
+	warning: (props) => /* @__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: "M12 3.5 2.5 20h19L12 3.5Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 10v4" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 17.5h.01" })
+		]
+	}),
+	info: (props) => /* @__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("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M12 11v5.5" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 7.5h.01" })
+		]
+	})
+};
+const variantColors = {
+	success: "text-(--success)",
+	error: "text-(--destructive)",
+	warning: "text-(--warning)",
+	info: "text-(--info)"
+};
+function ToastIcon({ type, className, ...props }) {
+	if (!isToastVariant(type)) return null;
+	const Icon = variantIcons[type];
+	return /* @__PURE__ */ jsx(Icon, {
+		className: cn("size-4 shrink-0", variantColors[type], className),
+		...props
+	});
+}
+function isToastVariant(type) {
+	return !!type && type in variantIcons;
+}
+function ToastClose(props) {
+	return /* @__PURE__ */ jsx(Toast.Close, {
+		render: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			size: "sm"
+		}),
+		...props
+	});
+}
+function ToastList() {
+	const { toasts } = Toast.useToastManager();
+	return toasts.map((toast) => /* @__PURE__ */ jsx(ToastRoot, {
+		toast,
+		children: /* @__PURE__ */ jsxs(ToastContent, { children: [
+			/* @__PURE__ */ jsx(ToastIcon, { type: toast.type }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [/* @__PURE__ */ jsx(ToastTitle, {}), /* @__PURE__ */ jsx(ToastDescription, {})]
+			}),
+			/* @__PURE__ */ jsx(ToastClose, { children: "Dismiss" })
+		] })
+	}, toast.id));
+}
+const useToastManager = Toast.useToastManager;
+//#endregion
+export { ToastClose, ToastContent, ToastDescription, ToastIcon, ToastList, ToastProvider, ToastRoot, ToastTitle, ToastViewport, useToastManager };
+
+//# sourceMappingURL=toast.mjs.map

package/dist/components/toast/toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.mjs","names":["BaseToast"],"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { cn } from \"@/lib/cn\";\nimport { Button } from \"../button/button\";\nimport { Text } from \"../text/text\";\n\ntype ToastProviderProps = React.ComponentPropsWithoutRef<\n  typeof BaseToast.Provider\n>;\n\nexport function ToastProvider(props: ToastProviderProps) {\n  return <BaseToast.Provider {...props} />;\n}\n\ntype ToastViewportProps = React.ComponentPropsWithoutRef<\n  typeof BaseToast.Viewport\n>;\n\nexport function ToastViewport({ className, ...props }: ToastViewportProps) {\n  return (\n    <BaseToast.Portal>\n      <BaseToast.Viewport\n        className={cn(\n          \"fixed right-4 bottom-4 z-50 mx-auto w-[calc(100vw-2rem)] sm:right-6 sm:bottom-6 sm:w-90\",\n          className,\n        )}\n        {...props}\n      />\n    </BaseToast.Portal>\n  );\n}\n\ntype ToastRootProps = React.ComponentPropsWithoutRef<typeof BaseToast.Root>;\n\nexport function ToastRoot({ className, ...props }: ToastRootProps) {\n  return (\n    <BaseToast.Root\n      className={cn(\n        \"[--gap:0.75rem] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]\",\n        \"absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] w-full origin-bottom\",\n        \"transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]\",\n        \"rounded-lg border border-(--border) bg-(--popover) text-(--popover-foreground) shadow-lg select-none\",\n        \"data-ending-style:opacity-0 data-limited:opacity-0\",\n        \"data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]\",\n        \"data-starting-style:transform-[translateY(150%)]\",\n        \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:transform-[translateY(150%)]\",\n        \"data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n        \"data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n        \"data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]\",\n        \"data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]\",\n        \"data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n        \"data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n        \"data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n        \"data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n        \"h-(--height) data-expanded:h-(--toast-height)\",\n        \"[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype ToastContentProps = React.ComponentPropsWithoutRef<\n  typeof BaseToast.Content\n>;\n\nexport function ToastContent({ className, ...props }: ToastContentProps) {\n  return (\n    <BaseToast.Content\n      className={cn(\n        \"flex h-full items-center gap-4 overflow-hidden p-3 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)]\",\n        \"data-behind:opacity-0 data-expanded:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype ToastTitleProps = React.ComponentPropsWithoutRef<typeof BaseToast.Title>;\n\nexport function ToastTitle({ className, ...props }: ToastTitleProps) {\n  return (\n    <BaseToast.Title\n      className={cn(\"text-[13px] font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\ntype ToastDescriptionProps = React.ComponentPropsWithoutRef<\n  typeof BaseToast.Description\n>;\n\nexport function ToastDescription({ className, ...props }: ToastDescriptionProps) {\n  return (\n    <BaseToast.Description\n      render={<Text as=\"p\" size=\"small\" />}\n      className={cn(\"text-(--muted-foreground)\", className)}\n      {...props}\n    />\n  );\n}\n\ntype ToastVariant = \"success\" | \"error\" | \"warning\" | \"info\";\n\nconst variantIcons: Record<\n  ToastVariant,\n  (props: React.SVGProps<SVGSVGElement>) => React.ReactElement\n> = {\n  success: (props) => (\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      {...props}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <path d=\"m8.5 12.5 2.5 2.5 4.5-5\" />\n    </svg>\n  ),\n  error: (props) => (\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      {...props}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <path d=\"m9.5 9.5 5 5m0-5-5 5\" />\n    </svg>\n  ),\n  warning: (props) => (\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      {...props}\n    >\n      <path d=\"M12 3.5 2.5 20h19L12 3.5Z\" />\n      <path d=\"M12 10v4\" />\n      <path d=\"M12 17.5h.01\" />\n    </svg>\n  ),\n  info: (props) => (\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      {...props}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <path d=\"M12 11v5.5\" />\n      <path d=\"M12 7.5h.01\" />\n    </svg>\n  ),\n};\n\nconst variantColors: Record<ToastVariant, string> = {\n  success: \"text-(--success)\",\n  error: \"text-(--destructive)\",\n  warning: \"text-(--warning)\",\n  info: \"text-(--info)\",\n};\n\ntype ToastIconProps = React.SVGProps<SVGSVGElement> & {\n  type: string | undefined;\n};\n\nexport function ToastIcon({ type, className, ...props }: ToastIconProps) {\n  if (!isToastVariant(type)) return null;\n\n  const Icon = variantIcons[type];\n  return (\n    <Icon\n      className={cn(\"size-4 shrink-0\", variantColors[type], className)}\n      {...props}\n    />\n  );\n}\n\nfunction isToastVariant(type: string | undefined): type is ToastVariant {\n  return !!type && type in variantIcons;\n}\n\ntype ToastCloseProps = React.ComponentPropsWithoutRef<typeof BaseToast.Close>;\n\nexport function ToastClose(props: ToastCloseProps) {\n  return (\n    <BaseToast.Close\n      render={<Button variant=\"outline\" size=\"sm\" />}\n      {...props}\n    />\n  );\n}\n\nexport function ToastList() {\n  const { toasts } = BaseToast.useToastManager();\n\n  return toasts.map((toast) => (\n    <ToastRoot key={toast.id} toast={toast}>\n      <ToastContent>\n        <ToastIcon type={toast.type} />\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <ToastTitle />\n          <ToastDescription />\n        </div>\n        <ToastClose>Dismiss</ToastClose>\n      </ToastContent>\n    </ToastRoot>\n  ));\n}\n\nexport const useToastManager = BaseToast.useToastManager;\n"],"mappings":"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"}

package/dist/components/tooltip/tooltip.d.mts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/components/tooltip/tooltip.d.ts
+type TooltipProviderProps = React.ComponentPropsWithoutRef<typeof Tooltip.Provider>;
+declare function TooltipProvider({
+  delay,
+  closeDelay,
+  ...props
+}: TooltipProviderProps): React.JSX.Element;
+type TooltipRootProps = React.ComponentPropsWithoutRef<typeof Tooltip.Root>;
+declare function TooltipRoot(props: TooltipRootProps): React.JSX.Element;
+type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof Tooltip.Trigger>;
+declare function TooltipTrigger({
+  className,
+  ...props
+}: TooltipTriggerProps): React.JSX.Element;
+type TooltipContentProps = React.ComponentPropsWithoutRef<typeof Tooltip.Popup> & Pick<React.ComponentPropsWithoutRef<typeof Tooltip.Positioner>, "side" | "align" | "sideOffset" | "alignOffset">;
+declare function TooltipContent({
+  className,
+  side,
+  align,
+  sideOffset,
+  alignOffset,
+  children,
+  ...props
+}: TooltipContentProps): React.JSX.Element;
+//#endregion
+export { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.mts.map