@neut/ui 0.0.1

package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.js

@@ -0,0 +1,13 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/input-group/InputGroupAddon/InputGroupAddon.styles.ts
+var t = e("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+	variants: { align: {
+		"inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+//#endregion
+export { t as inputGroupAddonVariants };

package/dist/components/input-group/InputGroupAddon/InputGroupAddon.types.d.ts

@@ -0,0 +1,4 @@
+import { VariantProps } from 'class-variance-authority';
+import { PolymorphicProps } from '../../../types';
+import { inputGroupAddonVariants } from './InputGroupAddon.styles';
+export type InputGroupAddonProps = PolymorphicProps<"div", VariantProps<typeof inputGroupAddonVariants>, false>;

package/dist/components/input-group/InputGroupAddon/index.d.ts

@@ -0,0 +1 @@
+export { InputGroupAddon } from './InputGroupAddon';

package/dist/components/input-group/InputGroupButton/InputGroupButton.d.ts

@@ -0,0 +1,2 @@
+import { InputGroupButtonProps } from './InputGroupButton.types';
+export declare const InputGroupButton: (props: InputGroupButtonProps) => import("solid-js").JSX.Element;

package/dist/components/input-group/InputGroupButton/InputGroupButton.js

@@ -0,0 +1,34 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Button as t } from "../../button/Button.js";
+import { inputGroupButtonVariants as n } from "./InputGroupButton.styles.js";
+import { createComponent as r, mergeProps as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/input-group/InputGroupButton/InputGroupButton.tsx
+var s = (s) => {
+	let [c, l] = o(a({
+		type: "button",
+		variant: "ghost",
+		size: "xs"
+	}, s), [
+		"size",
+		"variant",
+		"class",
+		"classList"
+	]), u = () => !!l.icon && !l.children;
+	return r(t, i({
+		get "data-size"() {
+			return c.size;
+		},
+		get variant() {
+			return c.variant;
+		},
+		get class() {
+			return e(n({
+				size: u() ? void 0 : c.size,
+				iconSize: u() ? c.size : void 0
+			}), c.class);
+		}
+	}, l));
+};
+//#endregion
+export { s as InputGroupButton };

package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | null | undefined;
+    iconSize?: "sm" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.js

@@ -0,0 +1,17 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/input-group/InputGroupButton/InputGroupButton.styles.ts
+var t = e("flex items-center gap-2 text-sm shadow-none", {
+	variants: {
+		size: {
+			xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+			sm: ""
+		},
+		iconSize: {
+			xs: "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+			sm: "size-8 p-0 has-[>svg]:p-0"
+		}
+	},
+	defaultVariants: { size: "xs" }
+});
+//#endregion
+export { t as inputGroupButtonVariants };

package/dist/components/input-group/InputGroupButton/InputGroupButton.types.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+import { PolymorphicProps } from '../../../types';
+import { inputGroupButtonVariants } from './InputGroupButton.styles';
+import { Button } from '../../button/Button';
+export type InputGroupButtonProps = PolymorphicProps<typeof Button, VariantProps<typeof inputGroupButtonVariants>, false>;

package/dist/components/input-group/InputGroupButton/index.d.ts

@@ -0,0 +1 @@
+export { InputGroupButton } from './InputGroupButton';

package/dist/components/input-group/InputGroupInput/InputGroupInput.d.ts

@@ -0,0 +1,2 @@
+import { InputGroupInputProps } from './InputGroupInput.types';
+export declare const InputGroupInput: (props: InputGroupInputProps) => import("solid-js").JSX.Element;

package/dist/components/input-group/InputGroupInput/InputGroupInput.js

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Input as t } from "../../input/Input.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/input-group/InputGroupInput/InputGroupInput.tsx
+var a = (a) => {
+	let [o, s] = i(a, ["class", "classList"]);
+	return n(t, r({
+		"data-slot": "input-group-control",
+		get class() {
+			return e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", o.class);
+		}
+	}, s));
+};
+//#endregion
+export { a as InputGroupInput };

package/dist/components/input-group/InputGroupInput/InputGroupInput.types.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../../input/Input.types';
+export type InputGroupInputProps = InputProps;

package/dist/components/input-group/InputGroupInput/index.d.ts

@@ -0,0 +1 @@
+export { InputGroupInput } from './InputGroupInput';

package/dist/components/input-group/InputGroupText/InputGroupText.d.ts

@@ -0,0 +1,2 @@
+import { InputGroupTextProps } from './InputGroupText.types';
+export declare const InputGroupText: (props: InputGroupTextProps) => import("solid-js").JSX.Element;

package/dist/components/input-group/InputGroupText/InputGroupText.js

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/input-group/InputGroupText/InputGroupText.tsx
+var a = /* @__PURE__ */ r("<span>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as InputGroupText };

package/dist/components/input-group/InputGroupText/InputGroupText.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type InputGroupTextProps = PolymorphicProps<"span", BaseProps, false>;

package/dist/components/input-group/InputGroupText/index.d.ts

@@ -0,0 +1 @@
+export { InputGroupText } from './InputGroupText';

package/dist/components/input-group/InputGroupTextarea/InputGroupTextarea.d.ts

@@ -0,0 +1,2 @@
+import { InputGroupTextareaProps } from './InputGroupTextarea.types';
+export declare const InputGroupTextarea: (props: InputGroupTextareaProps) => import("solid-js").JSX.Element;

package/dist/components/input-group/InputGroupTextarea/InputGroupTextarea.js

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Textarea as t } from "../../textarea/Textarea.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/input-group/InputGroupTextarea/InputGroupTextarea.tsx
+var a = (a) => {
+	let [o, s] = i(a, ["class", "classList"]);
+	return n(t, r({
+		"data-slot": "input-group-control",
+		get class() {
+			return e("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", o.class);
+		}
+	}, s));
+};
+//#endregion
+export { a as InputGroupTextarea };

package/dist/components/input-group/InputGroupTextarea/InputGroupTextarea.types.d.ts

@@ -0,0 +1,2 @@
+import { TextareaProps } from '../../textarea/Textarea.types';
+export type InputGroupTextareaProps = TextareaProps;

package/dist/components/input-group/InputGroupTextarea/index.d.ts

@@ -0,0 +1 @@
+export { InputGroupTextarea } from './InputGroupTextarea';

package/dist/components/input-group/index.d.ts

@@ -0,0 +1,6 @@
+export { InputGroup } from './InputGroup';
+export { InputGroupAddon } from './InputGroupAddon';
+export { InputGroupButton } from './InputGroupButton';
+export { InputGroupText } from './InputGroupText';
+export { InputGroupInput } from './InputGroupInput';
+export { InputGroupTextarea } from './InputGroupTextarea';

package/dist/components/item/Item/Item.d.ts

@@ -0,0 +1,3 @@
+import { ValidComponent } from 'solid-js';
+import { ItemProps } from './Item.types';
+export declare const Item: <T extends ValidComponent = "div">(props: ItemProps<T>) => import("solid-js").JSX.Element;

package/dist/components/item/Item/Item.js

@@ -0,0 +1,32 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { itemVariants as t } from "./Item.styles.js";
+import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/item/Item/Item.tsx
+var s = (s) => {
+	let [c, l] = o(a({
+		variant: "ghost",
+		size: "sm",
+		as: "div"
+	}, s), [
+		"as",
+		"variant",
+		"size",
+		"class",
+		"classList"
+	]);
+	return r(n, i({
+		get component() {
+			return c.as;
+		},
+		"data-slot": "item",
+		get class() {
+			return e(t({
+				variant: c.variant,
+				size: c.size
+			}), c.class);
+		}
+	}, l));
+};
+//#endregion
+export { s as Item };

package/dist/components/item/Item/Item.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const itemVariants: (props?: ({
+    variant?: "outline" | "ghost" | "muted" | null | undefined;
+    size?: "sm" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/item/Item/Item.styles.js

@@ -0,0 +1,21 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/item/Item/Item.styles.ts
+var t = e("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 [a]:transition-colors [a]:hover:bg-neutral-100 dark:[a]:hover:bg-neutral-800", {
+	variants: {
+		variant: {
+			ghost: "border-transparent",
+			outline: "border-neutral-200 dark:border-white/10",
+			muted: "border-transparent bg-neutral-100/50 dark:bg-neutral-800/50"
+		},
+		size: {
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "ghost",
+		size: "sm"
+	}
+});
+//#endregion
+export { t as itemVariants };

package/dist/components/item/Item/Item.types.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { itemVariants } from './Item.styles';
+import { ValidComponent } from 'solid-js';
+export type ItemProps<T extends ValidComponent> = PolymorphicProps<T, BaseProps & VariantProps<typeof itemVariants>>;

package/dist/components/item/Item/index.d.ts

@@ -0,0 +1 @@
+export { Item } from './Item';

package/dist/components/item/ItemActions/ItemActions.d.ts

@@ -0,0 +1,2 @@
+import { ItemActionsProps } from './ItemActions.types';
+export declare const ItemActions: (props: ItemActionsProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemActions/ItemActions.js

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/item/ItemActions/ItemActions.tsx
+var a = /* @__PURE__ */ r("<p data-slot=item-actions>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex items-center gap-2", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as ItemActions };

package/dist/components/item/ItemActions/ItemActions.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ItemActionsProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/item/ItemActions/index.d.ts

@@ -0,0 +1 @@
+export { ItemActions } from './ItemActions';

package/dist/components/item/ItemContent/ItemContent.d.ts

@@ -0,0 +1,2 @@
+import { ItemContentProps } from './ItemContent.types';
+export declare const ItemContent: (props: ItemContentProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemContent/ItemContent.js

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/item/ItemContent/ItemContent.tsx
+var a = /* @__PURE__ */ r("<div data-slot=item-content>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as ItemContent };

package/dist/components/item/ItemContent/ItemContent.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ItemContentProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/item/ItemContent/index.d.ts

@@ -0,0 +1 @@
+export { ItemContent } from './ItemContent';

package/dist/components/item/ItemDescription/ItemDescription.d.ts

@@ -0,0 +1,2 @@
+import { ItemDescriptionProps } from './ItemDescription.types';
+export declare const ItemDescription: (props: ItemDescriptionProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemDescription/ItemDescription.js

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/item/ItemDescription/ItemDescription.tsx
+var a = /* @__PURE__ */ r("<p data-slot=item-description>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("line-clamp-2 text-left text-sm leading-normal font-normal text-neutral-500 dark:text-neutral-400 group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-neutral-900 dark:[&>a:hover]:text-neutral-200", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as ItemDescription };

package/dist/components/item/ItemDescription/ItemDescription.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ItemDescriptionProps = PolymorphicProps<"p", BaseProps, false>;

package/dist/components/item/ItemDescription/index.d.ts

@@ -0,0 +1 @@
+export { ItemDescription } from './ItemDescription';

package/dist/components/item/ItemFooter/ItemFooter.d.ts

@@ -0,0 +1,2 @@
+import { ItemFooterProps } from './ItemFooter.types';
+export declare const ItemFooter: (props: ItemFooterProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemFooter/ItemFooter.js

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/item/ItemFooter/ItemFooter.tsx
+var a = /* @__PURE__ */ r("<div data-slot=item-footer>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex basis-full items-center justify-between gap-2", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as ItemFooter };

package/dist/components/item/ItemFooter/ItemFooter.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ItemFooterProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/item/ItemFooter/index.d.ts

@@ -0,0 +1 @@
+export { ItemFooter } from './ItemFooter';

package/dist/components/item/ItemGroup/ItemGroup.d.ts

@@ -0,0 +1,2 @@
+import { ItemGroupProps } from './ItemGroup.types';
+export declare const ItemGroup: (props: ItemGroupProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemGroup/ItemGroup.js

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/item/ItemGroup/ItemGroup.tsx
+var a = /* @__PURE__ */ r("<div role=list data-slot=item-group>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as ItemGroup };

package/dist/components/item/ItemGroup/ItemGroup.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ItemGroupProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/item/ItemGroup/index.d.ts

@@ -0,0 +1 @@
+export { ItemGroup } from './ItemGroup';

package/dist/components/item/ItemHeader/ItemHeader.d.ts

@@ -0,0 +1,2 @@
+import { ItemHeaderProps } from './ItemHeader.types';
+export declare const ItemHeader: (props: ItemHeaderProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemHeader/ItemHeader.js

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/item/ItemHeader/ItemHeader.tsx
+var a = /* @__PURE__ */ r("<div data-slot=item-header>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex basis-full items-center justify-between gap-2", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as ItemHeader };

package/dist/components/item/ItemHeader/ItemHeader.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ItemHeaderProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/item/ItemHeader/index.d.ts

@@ -0,0 +1 @@
+export { ItemHeader } from './ItemHeader';

package/dist/components/item/ItemMedia/ItemMedia.d.ts

@@ -0,0 +1,2 @@
+import { ItemMediaProps } from './ItemMedia.types';
+export declare const ItemMedia: (props: ItemMediaProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemMedia/ItemMedia.js

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { itemMediaVariants as t } from "./ItemMedia.styles.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/item/ItemMedia/ItemMedia.tsx
+var s = /* @__PURE__ */ i("<div data-slot=item-media>"), c = (i) => {
+	let [c, l] = o(a({ variant: "ghost" }, i), [
+		"variant",
+		"class",
+		"classList"
+	]);
+	return (() => {
+		var i = s();
+		return r(i, n({
+			get "data-variant"() {
+				return c.variant;
+			},
+			get class() {
+				return e(t({ variant: c.variant }), c.class);
+			}
+		}, l), !1, !1), i;
+	})();
+};
+//#endregion
+export { c as ItemMedia };

package/dist/components/item/ItemMedia/ItemMedia.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "icon" | "ghost" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/item/ItemMedia/ItemMedia.styles.js

@@ -0,0 +1,12 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/item/ItemMedia/ItemMedia.styles.ts
+var t = e("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		ghost: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "ghost" }
+});
+//#endregion
+export { t as itemMediaVariants };

package/dist/components/item/ItemMedia/ItemMedia.types.d.ts

@@ -0,0 +1,4 @@
+import { VariantProps } from 'class-variance-authority';
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { itemMediaVariants } from './ItemMedia.styles';
+export type ItemMediaProps = PolymorphicProps<"div", BaseProps & VariantProps<typeof itemMediaVariants>, false>;

package/dist/components/item/ItemMedia/index.d.ts

@@ -0,0 +1 @@
+export { ItemMedia } from './ItemMedia';

package/dist/components/item/ItemSeparator/ItemSeparator.d.ts

@@ -0,0 +1,2 @@
+import { ItemSeparatorProps } from './ItemSeparator.types';
+export declare const ItemSeparator: (props: ItemSeparatorProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemSeparator/ItemSeparator.js

@@ -0,0 +1,17 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Separator as t } from "../../separator/Separator.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/item/ItemSeparator/ItemSeparator.tsx
+var a = (a) => {
+	let [o, s] = i(a, ["class", "classList"]);
+	return n(t, r({
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		get class() {
+			return e("my-2", o.class);
+		}
+	}, s));
+};
+//#endregion
+export { a as ItemSeparator };

package/dist/components/item/ItemSeparator/ItemSeparator.types.d.ts

@@ -0,0 +1,2 @@
+import { SeparatorProps } from '../../separator';
+export type ItemSeparatorProps = SeparatorProps;

package/dist/components/item/ItemSeparator/index.d.ts

@@ -0,0 +1 @@
+export { ItemSeparator } from './ItemSeparator';

package/dist/components/item/ItemTitle/ItemTitle.d.ts

@@ -0,0 +1,2 @@
+import { ItemTitleProps } from './ItemTitle.types';
+export declare const ItemTitle: (props: ItemTitleProps) => import("solid-js").JSX.Element;

package/dist/components/item/ItemTitle/ItemTitle.js

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/item/ItemTitle/ItemTitle.tsx
+var a = /* @__PURE__ */ r("<div data-slot=item-title>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as ItemTitle };

package/dist/components/item/ItemTitle/ItemTitle.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ItemTitleProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/item/ItemTitle/index.d.ts

@@ -0,0 +1 @@
+export { ItemTitle } from './ItemTitle';

package/dist/components/item/index.d.ts

@@ -0,0 +1,10 @@
+export { ItemGroup } from './ItemGroup';
+export { ItemSeparator } from './ItemSeparator';
+export { Item } from './Item';
+export { ItemMedia } from './ItemMedia';
+export { ItemContent } from './ItemContent';
+export { ItemTitle } from './ItemTitle';
+export { ItemDescription } from './ItemDescription';
+export { ItemActions } from './ItemActions';
+export { ItemHeader } from './ItemHeader';
+export { ItemFooter } from './ItemFooter';

package/dist/components/kbd/Kbd.d.ts

@@ -0,0 +1,3 @@
+import { KbdGroupProps, KbdProps } from './Kbd.types';
+export declare const Kbd: (props: KbdProps) => import("solid-js").JSX.Element;
+export declare const KbdGroup: (props: KbdGroupProps) => import("solid-js").JSX.Element;

package/dist/components/kbd/Kbd.js

@@ -0,0 +1,23 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/kbd/Kbd.tsx
+var a = /* @__PURE__ */ r("<kbd data-slot=kbd>"), o = /* @__PURE__ */ r("<kbd data-slot=kbd-group>"), s = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-neutral-100 dark:bg-neutral-800 px-1 font-sans text-xs font-medium text-neutral-500 dark:text-neutral-400 select-none in-data-[slot=tooltip-content]:bg-white/20 in-data-[slot=tooltip-content]:text-white dark:in-data-[slot=tooltip-content]:text-neutral-950 dark:in-data-[slot=tooltip-content]:bg-neutral-950/10 [&_svg:not([class*='size-'])]:size-3", o.class);
+		} }, s), !1, !1), r;
+	})();
+}, c = (r) => {
+	let [a, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = o();
+		return n(r, t({ get class() {
+			return e("inline-flex items-center gap-1", a.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { s as Kbd, c as KbdGroup };

package/dist/components/kbd/Kbd.types.d.ts

@@ -0,0 +1,3 @@
+import { BaseProps, PolymorphicProps } from '../../types';
+export type KbdProps = PolymorphicProps<"kbd", BaseProps, false>;
+export type KbdGroupProps = PolymorphicProps<"kbd", BaseProps, false>;