@florianke/components 0.0.2 → 0.0.6

package/dist/select.d.mts

@@ -1,42 +1,6 @@
-import * as React from "react";
-import { Select as Select$1 } from "@base-ui/react/select";
+import { SelectContent, SelectItem, SelectRoot, SelectSeparator, SelectTrigger } from "./components/select/select.mjs";
 
-//#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;
+//#region src/components/select/index.d.ts
 declare const Select: typeof SelectRoot & {
   Trigger: typeof SelectTrigger;
   Content: typeof SelectContent;

package/dist/select.d.mts.map

@@ -1 +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"}
+{"version":3,"file":"select.d.mts","names":[],"sources":["../src/components/select/index.ts"],"mappings":";;;cAca,MAAA,SAAM,UAAA"}

package/dist/select.mjs

@@ -1,101 +1,5 @@
-"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
-	});
-}
+import { SelectContent, SelectItem, SelectRoot, SelectSeparator, SelectTrigger } from "./components/select/select.mjs";
+//#region src/components/select/index.ts
 const Select = Object.assign(SelectRoot, {
 	Trigger: SelectTrigger,
 	Content: SelectContent,

package/dist/select.mjs.map

@@ -1 +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"}
+{"version":3,"file":"select.mjs","names":[],"sources":["../src/components/select/index.ts"],"sourcesContent":["import {\n  SelectContent,\n  SelectItem,\n  SelectRoot,\n  SelectSeparator,\n  SelectTrigger,\n} from \"./select\";\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 `Select.Trigger`\n// etc. working when consumed from a Server Component.\nexport const Select = Object.assign(SelectRoot, {\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n});\n"],"mappings":";;AAcA,MAAa,SAAS,OAAO,OAAO,YAAY;CAC9C,SAAS;CACT,SAAS;CACT,MAAM;CACN,WAAW;CACZ,CAAC"}

package/dist/text.d.mts

@@ -0,0 +1,30 @@
+import * as React from "react";
+
+//#region src/components/text/text.d.ts
+type TextSize = "small" | "base" | "large";
+type TextWeight = "regular" | "plus";
+type TextFamily = "sans" | "mono";
+type TextLeading = "normal" | "compact";
+type TextElement = "p" | "span" | "div" | "label";
+type TextProps = React.HTMLAttributes<HTMLElement> & {
+  as?: TextElement;
+  size?: TextSize;
+  weight?: TextWeight;
+  family?: TextFamily;
+  leading?: TextLeading;
+  htmlFor?: string;
+  ref?: React.Ref<HTMLElement>;
+};
+declare function Text({
+  className,
+  as: Tag,
+  size,
+  weight,
+  family,
+  leading,
+  ref,
+  ...props
+}: TextProps): React.JSX.Element;
+//#endregion
+export { Text };
+//# sourceMappingURL=text.d.mts.map

package/dist/text.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.mts","names":[],"sources":["../src/components/text/text.tsx"],"mappings":";;;KAGK,QAAA;AAAA,KACA,UAAA;AAAA,KACA,UAAA;AAAA,KACA,WAAA;AAAA,KACA,WAAA;AAAA,KA2BA,SAAA,GAAY,KAAA,CAAM,cAAA,CAAe,WAAA;EACpC,EAAA,GAAK,WAAA;EACL,IAAA,GAAO,QAAA;EACP,MAAA,GAAS,UAAA;EACT,MAAA,GAAS,UAAA;EACT,OAAA,GAAU,WAAA;EACV,OAAA;EACA,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,WAAA;AAAA;AAAA,iBAGF,IAAA,CAAA;EACd,SAAA;EACA,EAAA,EAAI,GAAA;EACJ,IAAA;EACA,MAAA;EACA,MAAA;EACA,OAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,SAAA,GAAS,KAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/text.mjs

@@ -0,0 +1,37 @@
+import { cn } from "./lib/cn.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/text.tsx
+const sizes = {
+	small: {
+		normal: "text-[0.8125rem] leading-6",
+		compact: "text-[0.8125rem] leading-5"
+	},
+	base: {
+		normal: "text-sm leading-6",
+		compact: "text-sm leading-5"
+	},
+	large: {
+		normal: "text-base leading-7",
+		compact: "text-base leading-5"
+	}
+};
+const weights = {
+	regular: "font-normal",
+	plus: "font-medium"
+};
+const families = {
+	sans: "font-sans",
+	mono: "font-mono"
+};
+function Text({ className, as: Tag = "p", size = "base", weight = "regular", family = "sans", leading = "normal", ref, ...props }) {
+	return /* @__PURE__ */ jsx(Tag, {
+		ref,
+		className: cn(sizes[size][leading], weights[weight], families[family], className),
+		...props
+	});
+}
+//#endregion
+export { Text };
+
+//# sourceMappingURL=text.mjs.map

package/dist/text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.mjs","names":["Element"],"sources":["../src/components/text/text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\ntype TextSize = \"small\" | \"base\" | \"large\";\ntype TextWeight = \"regular\" | \"plus\";\ntype TextFamily = \"sans\" | \"mono\";\ntype TextLeading = \"normal\" | \"compact\";\ntype TextElement = \"p\" | \"span\" | \"div\" | \"label\";\n\nconst sizes: Record<TextSize, Record<TextLeading, string>> = {\n  small: {\n    normal: \"text-[0.8125rem] leading-6\",\n    compact: \"text-[0.8125rem] leading-5\",\n  },\n  base: {\n    normal: \"text-sm leading-6\",\n    compact: \"text-sm leading-5\",\n  },\n  large: {\n    normal: \"text-base leading-7\",\n    compact: \"text-base leading-5\",\n  },\n};\n\nconst weights: Record<TextWeight, string> = {\n  regular: \"font-normal\",\n  plus: \"font-medium\",\n};\n\nconst families: Record<TextFamily, string> = {\n  sans: \"font-sans\",\n  mono: \"font-mono\",\n};\n\ntype TextProps = React.HTMLAttributes<HTMLElement> & {\n  as?: TextElement;\n  size?: TextSize;\n  weight?: TextWeight;\n  family?: TextFamily;\n  leading?: TextLeading;\n  htmlFor?: string;\n  ref?: React.Ref<HTMLElement>;\n};\n\nexport function Text({\n  className,\n  as: Tag = \"p\",\n  size = \"base\",\n  weight = \"regular\",\n  family = \"sans\",\n  leading = \"normal\",\n  ref,\n  ...props\n}: TextProps) {\n  const Element = Tag as React.ElementType;\n\n  return (\n    <Element\n      ref={ref}\n      className={cn(\n        sizes[size][leading],\n        weights[weight],\n        families[family],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;AASA,MAAM,QAAuD;CAC3D,OAAO;EACL,QAAQ;EACR,SAAS;EACV;CACD,MAAM;EACJ,QAAQ;EACR,SAAS;EACV;CACD,OAAO;EACL,QAAQ;EACR,SAAS;EACV;CACF;AAED,MAAM,UAAsC;CAC1C,SAAS;CACT,MAAM;CACP;AAED,MAAM,WAAuC;CAC3C,MAAM;CACN,MAAM;CACP;AAYD,SAAgB,KAAK,EACnB,WACA,IAAI,MAAM,KACV,OAAO,QACP,SAAS,WACT,SAAS,QACT,UAAU,UACV,KACA,GAAG,SACS;AAGZ,QACE,oBAACA,KAAD;EACO;EACL,WAAW,GACT,MAAM,MAAM,UACZ,QAAQ,SACR,SAAS,SACT,UACD;EACD,GAAI;EACJ,CAAA"}

package/dist/toast.d.mts

@@ -0,0 +1,18 @@
+import { ToastClose, ToastContent, ToastDescription, ToastIcon, ToastList, ToastProvider, ToastRoot, ToastTitle, ToastViewport } from "./components/toast/toast.mjs";
+import * as _$_base_ui_react0 from "@base-ui/react";
+
+//#region src/components/toast/index.d.ts
+declare const Toast: typeof ToastRoot & {
+  Provider: typeof ToastProvider;
+  Viewport: typeof ToastViewport;
+  Content: typeof ToastContent;
+  Title: typeof ToastTitle;
+  Description: typeof ToastDescription;
+  Close: typeof ToastClose;
+  Icon: typeof ToastIcon;
+  List: typeof ToastList;
+  useToastManager: typeof _$_base_ui_react0.useToastManager;
+};
+//#endregion
+export { Toast };
+//# sourceMappingURL=toast.d.mts.map

package/dist/toast.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.mts","names":[],"sources":["../src/components/toast/index.ts"],"mappings":";;;;cAmBa,KAAA,SAAK,SAAA"}

package/dist/toast.mjs

@@ -0,0 +1,17 @@
+import { ToastClose, ToastContent, ToastDescription, ToastIcon, ToastList, ToastProvider, ToastRoot, ToastTitle, ToastViewport, useToastManager } from "./components/toast/toast.mjs";
+//#region src/components/toast/index.ts
+const Toast = Object.assign(ToastRoot, {
+	Provider: ToastProvider,
+	Viewport: ToastViewport,
+	Content: ToastContent,
+	Title: ToastTitle,
+	Description: ToastDescription,
+	Close: ToastClose,
+	Icon: ToastIcon,
+	List: ToastList,
+	useToastManager
+});
+//#endregion
+export { Toast };
+
+//# sourceMappingURL=toast.mjs.map

package/dist/toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.mjs","names":[],"sources":["../src/components/toast/index.ts"],"sourcesContent":["import {\n  ToastClose,\n  ToastContent,\n  ToastDescription,\n  ToastIcon,\n  ToastList,\n  ToastProvider,\n  ToastRoot,\n  ToastTitle,\n  ToastViewport,\n  useToastManager,\n} from \"./toast\";\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 `Toast.Content`\n// etc. working when consumed from a Server Component.\nexport const Toast = Object.assign(ToastRoot, {\n  Provider: ToastProvider,\n  Viewport: ToastViewport,\n  Content: ToastContent,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Icon: ToastIcon,\n  List: ToastList,\n  useToastManager,\n});\n"],"mappings":";;AAmBA,MAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,UAAU;CACV,UAAU;CACV,SAAS;CACT,OAAO;CACP,aAAa;CACb,OAAO;CACP,MAAM;CACN,MAAM;CACN;CACD,CAAC"}

package/dist/tooltip.d.mts

@@ -0,0 +1,11 @@
+import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from "./components/tooltip/tooltip.mjs";
+
+//#region src/components/tooltip/index.d.ts
+declare const Tooltip: typeof TooltipRoot & {
+  Provider: typeof TooltipProvider;
+  Trigger: typeof TooltipTrigger;
+  Content: typeof TooltipContent;
+};
+//#endregion
+export { Tooltip };
+//# sourceMappingURL=tooltip.d.mts.map

package/dist/tooltip.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.mts","names":[],"sources":["../src/components/tooltip/index.ts"],"mappings":";;;cAaa,OAAA,SAAO,WAAA"}

package/dist/tooltip.mjs

@@ -0,0 +1,11 @@
+import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from "./components/tooltip/tooltip.mjs";
+//#region src/components/tooltip/index.ts
+const Tooltip = Object.assign(TooltipRoot, {
+	Provider: TooltipProvider,
+	Trigger: TooltipTrigger,
+	Content: TooltipContent
+});
+//#endregion
+export { Tooltip };
+
+//# sourceMappingURL=tooltip.mjs.map

package/dist/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","names":[],"sources":["../src/components/tooltip/index.ts"],"sourcesContent":["import {\n  TooltipContent,\n  TooltipProvider,\n  TooltipRoot,\n  TooltipTrigger,\n} from \"./tooltip\";\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 `Tooltip.Content`\n// etc. working when consumed from a Server Component.\nexport const Tooltip = Object.assign(TooltipRoot, {\n  Provider: TooltipProvider,\n  Trigger: TooltipTrigger,\n  Content: TooltipContent,\n});\n"],"mappings":";;AAaA,MAAa,UAAU,OAAO,OAAO,aAAa;CAChD,UAAU;CACV,SAAS;CACT,SAAS;CACV,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@florianke/components",
-  "version": "0.0.2",
+  "version": "0.0.6",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -18,6 +18,10 @@
       "types": "./dist/index.d.mts",
       "import": "./dist/index.mjs"
     },
+    "./alert-dialog": {
+      "types": "./dist/alert-dialog.d.mts",
+      "import": "./dist/alert-dialog.mjs"
+    },
     "./avatar": {
       "types": "./dist/avatar.d.mts",
       "import": "./dist/avatar.mjs"
@@ -34,14 +38,50 @@
       "types": "./dist/dropdown-menu.d.mts",
       "import": "./dist/dropdown-menu.mjs"
     },
+    "./field": {
+      "types": "./dist/field.d.mts",
+      "import": "./dist/field.mjs"
+    },
+    "./heading": {
+      "types": "./dist/heading.d.mts",
+      "import": "./dist/heading.mjs"
+    },
+    "./hint": {
+      "types": "./dist/hint.d.mts",
+      "import": "./dist/hint.mjs"
+    },
     "./input": {
       "types": "./dist/input.d.mts",
       "import": "./dist/input.mjs"
     },
+    "./label": {
+      "types": "./dist/label.d.mts",
+      "import": "./dist/label.mjs"
+    },
+    "./providers": {
+      "types": "./dist/providers.d.mts",
+      "import": "./dist/providers.mjs"
+    },
     "./select": {
       "types": "./dist/select.d.mts",
       "import": "./dist/select.mjs"
     },
+    "./text": {
+      "types": "./dist/text.d.mts",
+      "import": "./dist/text.mjs"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.mts",
+      "import": "./dist/toast.mjs"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.mts",
+      "import": "./dist/tooltip.mjs"
+    },
+    "./hooks/use-confirm": {
+      "types": "./dist/hooks/use-confirm.d.mts",
+      "import": "./dist/hooks/use-confirm.mjs"
+    },
     "./hooks/use-initials": {
       "types": "./dist/hooks/use-initials.d.mts",
       "import": "./dist/hooks/use-initials.mjs"

package/src/styles.css

@@ -5,7 +5,7 @@
 @custom-variant dark (&:where(.dark, .dark *));
 
 :root {
-    --background: oklch(0.984 0 0);
+    --background: oklch(1 0 0);
     --foreground: oklch(0.15 0 0);
     --card: oklch(1 0 0);
     --card-foreground: oklch(0.15 0 0);
@@ -19,6 +19,10 @@
     --accent: oklch(0.975 0 0);
     --accent-foreground: oklch(0.15 0 0);
     --ring: oklch(0.62 0.19 259);
+    --success: oklch(0.6 0.15 145);
+    --warning: oklch(0.72 0.16 80);
+    --destructive: oklch(0.58 0.22 25);
+    --info: oklch(0.6 0.19 259);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -37,6 +41,10 @@
         --accent: oklch(0.23 0.006 264);
         --accent-foreground: oklch(0.97 0.003 264);
         --ring: oklch(0.72 0.16 262);
+        --success: oklch(0.72 0.17 145);
+        --warning: oklch(0.8 0.16 80);
+        --destructive: oklch(0.7 0.19 25);
+        --info: oklch(0.72 0.16 262);
     }
 }
 
@@ -55,6 +63,10 @@
     --accent: oklch(0.23 0.006 264);
     --accent-foreground: oklch(0.97 0.003 264);
     --ring: oklch(0.72 0.16 262);
+    --success: oklch(0.72 0.17 145);
+    --warning: oklch(0.8 0.16 80);
+    --destructive: oklch(0.7 0.19 25);
+    --info: oklch(0.72 0.16 262);
 }
 
 body {

package/dist/cn-BpvCVwZv.mjs.map

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