@manafishrov/ui 1.4.4 → 1.4.6

package/dist/components/TagsInput.js

@@ -1,106 +1,70 @@
-import { createComponent as s, mergeProps as o } from "solid-js/web";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import t from "../_virtual/~icons/material-symbols/close.js";
 import { tags_input_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/O6MULJWC.js";
+import { createComponent as r, mergeProps as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
-import { cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import l from "../_virtual/close.js";
-const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
-  const [e, r] = a(t, ["class"]);
-  return s(n.Label, o({
-    get class() {
-      return i("mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e.class);
-    }
-  }, r));
-}, x = (t) => {
-  const [e, r] = a(t, ["class", "children"]);
-  return s(n.Control, o({
-    get class() {
-      return i('group min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*="size-"])]:size-4 gap-1 shadow-sm relative flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0', "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0", e.class);
-    }
-  }, r, {
-    get children() {
-      return e.children;
-    }
-  }));
-}, I = (t) => {
-  const [e, r] = a(t, ["class"]);
-  return s(n.Input, o({
-    get class() {
-      return i("w-24 min-w-24 flex-none bg-transparent outline-none placeholder:text-muted-foreground", "group-has-[div[data-slot=tags-input-item-preview]]:placeholder:text-transparent", "max-w-full", e.class);
-    }
-  }, r));
-}, v = (t) => {
-  const [e, r] = a(t, ["class", "children"]);
-  return s(n.ClearTrigger, o({
-    get class() {
-      return i("right-2 p-0.5 absolute top-1/2 -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground", e.class);
-    }
-  }, r, {
-    get children() {
-      return e.children ?? s(l, {
-        class: "size-3.5 pointer-events-none"
-      });
-    }
-  }));
-}, w = (t) => {
-  const [e, r] = a(t, ["class", "children"]);
-  return s(n.Item, o({
-    get class() {
-      return i("inline-flex cursor-default items-center outline-none", e.class);
-    }
-  }, r, {
-    get children() {
-      return e.children;
-    }
-  }));
-}, T = (t) => {
-  const [e, r] = a(t, ["class"]);
-  return s(n.ItemPreview, o({
-    "data-slot": "tags-input-item-preview",
-    get class() {
-      return i("h-6 gap-1 px-1.5 text-xs font-medium has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md border border-transparent bg-muted whitespace-nowrap text-foreground transition-colors", "data-highlighted:border-ring data-highlighted:bg-accent data-highlighted:text-accent-foreground", "data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", e.class);
-    }
-  }, r));
-}, y = (t) => {
-  const [e, r] = a(t, ["class"]);
-  return s(n.ItemText, o({
-    get class() {
-      return i(e.class);
-    }
-  }, r));
-}, C = (t) => {
-  const [e, r] = a(t, ["class"]);
-  return s(n.ItemInput, o({
-    get class() {
-      return i("py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", e.class);
-    }
-  }, r));
-}, k = (t) => {
-  const [e, r] = a(t, ["class", "children"]);
-  return s(n.ItemDeleteTrigger, o({
-    "data-slot": "tags-input-item-delete-trigger",
-    get class() {
-      return i("-ml-1 p-0.5 inline-flex items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground", e.class);
-    }
-  }, r, {
-    get children() {
-      return e.children ?? s(l, {
-        class: "size-3 pointer-events-none"
-      });
-    }
-  }));
+//#region src/components/TagsInput.tsx
+var o = n.Root, s = n.Context, c = n.HiddenInput, l = (t) => {
+	let [o, s] = a(t, ["class"]);
+	return r(n.Label, i({ get class() {
+		return e("mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", o.class);
+	} }, s));
+}, u = (t) => {
+	let [o, s] = a(t, ["class", "children"]);
+	return r(n.Control, i({ get class() {
+		return e("group min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm relative flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0", o.class);
+	} }, s, { get children() {
+		return o.children;
+	} }));
+}, d = (t) => {
+	let [o, s] = a(t, ["class"]);
+	return r(n.Input, i({ get class() {
+		return e("w-24 min-w-24 flex-none bg-transparent outline-none placeholder:text-muted-foreground", "group-has-[div[data-slot=tags-input-item-preview]]:placeholder:text-transparent", "max-w-full", o.class);
+	} }, s));
+}, f = (o) => {
+	let [s, c] = a(o, ["class", "children"]);
+	return r(n.ClearTrigger, i({ get class() {
+		return e("right-2 p-0.5 absolute top-1/2 -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground", s.class);
+	} }, c, { get children() {
+		return s.children ?? r(t, { class: "size-3.5 pointer-events-none" });
+	} }));
+}, p = (t) => {
+	let [o, s] = a(t, ["class", "children"]);
+	return r(n.Item, i({ get class() {
+		return e("inline-flex cursor-default items-center outline-none", o.class);
+	} }, s, { get children() {
+		return o.children;
+	} }));
+}, m = (t) => {
+	let [o, s] = a(t, ["class"]);
+	return r(n.ItemPreview, i({
+		"data-slot": "tags-input-item-preview",
+		get class() {
+			return e("h-6 gap-1 px-1.5 text-xs font-medium has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md border border-transparent bg-muted whitespace-nowrap text-foreground transition-colors", "data-highlighted:border-ring data-highlighted:bg-accent data-highlighted:text-accent-foreground", "data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", o.class);
+		}
+	}, s));
+}, h = (t) => {
+	let [o, s] = a(t, ["class"]);
+	return r(n.ItemText, i({ get class() {
+		return e(o.class);
+	} }, s));
+}, g = (t) => {
+	let [o, s] = a(t, ["class"]);
+	return r(n.ItemInput, i({ get class() {
+		return e("py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", o.class);
+	} }, s));
+}, _ = (o) => {
+	let [s, c] = a(o, ["class", "children"]);
+	return r(n.ItemDeleteTrigger, i({
+		"data-slot": "tags-input-item-delete-trigger",
+		get class() {
+			return e("-ml-1 p-0.5 inline-flex items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground", s.class);
+		}
+	}, c, { get children() {
+		return s.children ?? r(t, { class: "size-3 pointer-events-none" });
+	} }));
 };
-export {
-  m as TagsInput,
-  v as TagsInputClearTrigger,
-  h as TagsInputContext,
-  x as TagsInputControl,
-  b as TagsInputHiddenInput,
-  I as TagsInputInput,
-  w as TagsInputItem,
-  k as TagsInputItemDeleteTrigger,
-  C as TagsInputItemInput,
-  T as TagsInputItemPreview,
-  y as TagsInputItemText,
-  f as TagsInputLabel
-};
-//# sourceMappingURL=TagsInput.js.map
+//#endregion
+export { o as TagsInput, f as TagsInputClearTrigger, s as TagsInputContext, u as TagsInputControl, c as TagsInputHiddenInput, d as TagsInputInput, p as TagsInputItem, _ as TagsInputItemDeleteTrigger, g as TagsInputItemInput, m as TagsInputItemPreview, h as TagsInputItemText, l as TagsInputLabel };
+
+//# sourceMappingURL=TagsInput.js.map

package/dist/components/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.js","sources":["../../src/components/TagsInput.tsx"],"sourcesContent":["import { TagsInput as TagsInputPrimitive } from '@ark-ui/solid/tags-input';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CloseIcon from '~icons/material-symbols/close';\n\nexport const TagsInput = TagsInputPrimitive.Root;\nexport const TagsInputContext = TagsInputPrimitive.Context;\nexport const TagsInputHiddenInput = TagsInputPrimitive.HiddenInput;\nexport const TagsInputLabel: Component<TagsInputPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.Label\n      class={cn(\n        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const TagsInputControl: Component<TagsInputPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.Control\n      class={cn(\n        'group min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm relative flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </TagsInputPrimitive.Control>\n  );\n};\n\nexport const TagsInputInput: Component<TagsInputPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.Input\n      class={cn(\n        'w-24 min-w-24 flex-none bg-transparent outline-none placeholder:text-muted-foreground',\n        'group-has-[div[data-slot=tags-input-item-preview]]:placeholder:text-transparent',\n        'max-w-full',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputClearTrigger: Component<TagsInputPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.ClearTrigger\n      class={cn(\n        'right-2 p-0.5 absolute top-1/2 -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CloseIcon class='size-3.5 pointer-events-none' />}\n    </TagsInputPrimitive.ClearTrigger>\n  );\n};\n\nexport const TagsInputItem: Component<TagsInputPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.Item\n      class={cn('inline-flex cursor-default items-center outline-none', local.class)}\n      {...others}\n    >\n      {local.children}\n    </TagsInputPrimitive.Item>\n  );\n};\n\nexport const TagsInputItemPreview: Component<TagsInputPrimitive.ItemPreviewProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.ItemPreview\n      data-slot='tags-input-item-preview'\n      class={cn(\n        'h-6 gap-1 px-1.5 text-xs font-medium has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md border border-transparent bg-muted whitespace-nowrap text-foreground transition-colors',\n        'data-highlighted:border-ring data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        'data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputItemText: Component<TagsInputPrimitive.ItemTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TagsInputPrimitive.ItemText class={cn(local.class)} {...others} />;\n};\n\nexport const TagsInputItemInput: Component<TagsInputPrimitive.ItemInputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.ItemInput\n      class={cn(\n        'py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputItemDeleteTrigger: Component<TagsInputPrimitive.ItemDeleteTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.ItemDeleteTrigger\n      data-slot='tags-input-item-delete-trigger'\n      class={cn(\n        '-ml-1 p-0.5 inline-flex items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CloseIcon class='size-3 pointer-events-none' />}\n    </TagsInputPrimitive.ItemDeleteTrigger>\n  );\n};\n"],"names":["TagsInput","TagsInputPrimitive","Root","TagsInputContext","Context","TagsInputHiddenInput","HiddenInput","TagsInputLabel","props","local","others","splitProps","_$createComponent","Label","_$mergeProps","cn","class","TagsInputControl","Control","children","TagsInputInput","Input","TagsInputClearTrigger","ClearTrigger","CloseIcon","TagsInputItem","Item","TagsInputItemPreview","ItemPreview","TagsInputItemText","ItemText","TagsInputItemInput","ItemInput","TagsInputItemDeleteTrigger","ItemDeleteTrigger"],"mappings":"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"}
+{"version":3,"file":"TagsInput.js","names":["TagsInput","TagsInputPrimitive","Component","splitProps","cn","CloseIcon","Root","TagsInputContext","Context","TagsInputHiddenInput","HiddenInput","TagsInputLabel","LabelProps","props","local","others","_$createComponent","Label","_$mergeProps","class","TagsInputControl","ControlProps","Control","children","TagsInputInput","InputProps","Input","TagsInputClearTrigger","ClearTriggerProps","ClearTrigger","TagsInputItem","ItemProps","Item","TagsInputItemPreview","ItemPreviewProps","ItemPreview","TagsInputItemText","ItemTextProps","ItemText","TagsInputItemInput","ItemInputProps","ItemInput","TagsInputItemDeleteTrigger","ItemDeleteTriggerProps","ItemDeleteTrigger"],"sources":["../../src/components/TagsInput.tsx"],"sourcesContent":["import { TagsInput as TagsInputPrimitive } from '@ark-ui/solid/tags-input';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CloseIcon from '~icons/material-symbols/close';\n\nexport const TagsInput = TagsInputPrimitive.Root;\nexport const TagsInputContext = TagsInputPrimitive.Context;\nexport const TagsInputHiddenInput = TagsInputPrimitive.HiddenInput;\nexport const TagsInputLabel: Component<TagsInputPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.Label\n      class={cn(\n        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const TagsInputControl: Component<TagsInputPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.Control\n      class={cn(\n        'group min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm relative flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </TagsInputPrimitive.Control>\n  );\n};\n\nexport const TagsInputInput: Component<TagsInputPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.Input\n      class={cn(\n        'w-24 min-w-24 flex-none bg-transparent outline-none placeholder:text-muted-foreground',\n        'group-has-[div[data-slot=tags-input-item-preview]]:placeholder:text-transparent',\n        'max-w-full',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputClearTrigger: Component<TagsInputPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.ClearTrigger\n      class={cn(\n        'right-2 p-0.5 absolute top-1/2 -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CloseIcon class='size-3.5 pointer-events-none' />}\n    </TagsInputPrimitive.ClearTrigger>\n  );\n};\n\nexport const TagsInputItem: Component<TagsInputPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.Item\n      class={cn('inline-flex cursor-default items-center outline-none', local.class)}\n      {...others}\n    >\n      {local.children}\n    </TagsInputPrimitive.Item>\n  );\n};\n\nexport const TagsInputItemPreview: Component<TagsInputPrimitive.ItemPreviewProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.ItemPreview\n      data-slot='tags-input-item-preview'\n      class={cn(\n        'h-6 gap-1 px-1.5 text-xs font-medium has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md border border-transparent bg-muted whitespace-nowrap text-foreground transition-colors',\n        'data-highlighted:border-ring data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        'data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputItemText: Component<TagsInputPrimitive.ItemTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TagsInputPrimitive.ItemText class={cn(local.class)} {...others} />;\n};\n\nexport const TagsInputItemInput: Component<TagsInputPrimitive.ItemInputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.ItemInput\n      class={cn(\n        'py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputItemDeleteTrigger: Component<TagsInputPrimitive.ItemDeleteTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.ItemDeleteTrigger\n      data-slot='tags-input-item-delete-trigger'\n      class={cn(\n        '-ml-1 p-0.5 inline-flex items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CloseIcon class='size-3 pointer-events-none' />}\n    </TagsInputPrimitive.ItemDeleteTrigger>\n  );\n};\n"],"mappings":"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"}

package/dist/components/TextInput.js

@@ -1,63 +1,39 @@
-import { createComponent as a, mergeProps as n, spread as u, template as c } from "solid-js/web";
-import { field_exports as o } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/PPH4D7AF.js";
-import { splitProps as s } from "solid-js";
-import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { FieldDescription as p, FieldError as b } from "./Field.js";
-var g = /* @__PURE__ */ c("<div data-slot=text-input-control>");
-const y = (e) => {
-  const [t, r] = s(e, ["class"]);
-  return a(o.Root, n({
-    get class() {
-      return l("group/text-input relative flex w-full flex-col", t.class);
-    }
-  }, r));
-}, w = (e) => {
-  const [t, r] = s(e, ["class"]);
-  return a(o.Label, n({
-    get class() {
-      return l("mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", t.class);
-    }
-  }, r));
-}, I = (e) => {
-  const [t, r] = s(e, ["class"]);
-  return a(o.Context, {
-    children: (i) => (() => {
-      var d = g();
-      return u(d, n(() => i().disabled && {
-        "data-disabled": "true"
-      }, () => i().invalid && {
-        "data-invalid": "true"
-      }, () => i().readOnly && {
-        "data-readonly": "true"
-      }, {
-        get class() {
-          return l("min-w-0 h-8 relative flex w-full items-center overflow-hidden rounded-lg border border-input transition-colors outline-none dark:bg-input/30", "has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0", "has-[textarea]:h-auto", t.class);
-        }
-      }, r), !1, !1), d;
-    })()
-  });
-}, T = (e) => {
-  const [t, r] = s(e, ["class"]);
-  return a(o.Input, n({
-    get class() {
-      return l("min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0", "px-2.5", t.class);
-    }
-  }, r));
-}, k = (e) => {
-  const [t, r] = s(e, ["class"]);
-  return a(o.Textarea, n({
-    get class() {
-      return l("min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0", "px-2.5 py-1.5", t.class);
-    }
-  }, r));
-}, C = p, _ = b;
-export {
-  y as TextInput,
-  k as TextInputArea,
-  I as TextInputControl,
-  C as TextInputDescription,
-  _ as TextInputError,
-  T as TextInputInput,
-  w as TextInputLabel
-};
-//# sourceMappingURL=TextInput.js.map
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { field_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/PPH4D7AF.js";
+import { FieldDescription as n, FieldError as r } from "./Field.js";
+import { createComponent as i, mergeProps as a, spread as o, template as s } from "solid-js/web";
+import { splitProps as c } from "solid-js";
+//#region src/components/TextInput.tsx
+var l = /* @__PURE__ */ s("<div data-slot=text-input-control>"), u = (n) => {
+	let [r, o] = c(n, ["class"]);
+	return i(t.Root, a({ get class() {
+		return e("group/text-input relative flex w-full flex-col", r.class);
+	} }, o));
+}, d = (n) => {
+	let [r, o] = c(n, ["class"]);
+	return i(t.Label, a({ get class() {
+		return e("mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", r.class);
+	} }, o));
+}, f = (n) => {
+	let [r, s] = c(n, ["class"]);
+	return i(t.Context, { children: (t) => (() => {
+		var n = l();
+		return o(n, a(() => t().disabled && { "data-disabled": "true" }, () => t().invalid && { "data-invalid": "true" }, () => t().readOnly && { "data-readonly": "true" }, { get class() {
+			return e("min-w-0 h-8 relative flex w-full items-center overflow-hidden rounded-lg border border-input transition-colors outline-none dark:bg-input/30", "has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0", "has-[textarea]:h-auto", r.class);
+		} }, s), !1, !1), n;
+	})() });
+}, p = (n) => {
+	let [r, o] = c(n, ["class"]);
+	return i(t.Input, a({ get class() {
+		return e("min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0", "px-2.5", r.class);
+	} }, o));
+}, m = (n) => {
+	let [r, o] = c(n, ["class"]);
+	return i(t.Textarea, a({ get class() {
+		return e("min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0", "px-2.5 py-1.5", r.class);
+	} }, o));
+}, h = n, g = r;
+//#endregion
+export { u as TextInput, m as TextInputArea, f as TextInputControl, h as TextInputDescription, g as TextInputError, p as TextInputInput, d as TextInputLabel };
+
+//# sourceMappingURL=TextInput.js.map

package/dist/components/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../src/components/TextInput.tsx"],"sourcesContent":["import { Field as PrimitiveField } from '@ark-ui/solid/field';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { FieldDescription, FieldError } from '@/components/Field';\n\nexport const TextInput: Component<PrimitiveField.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Root\n      class={cn('group/text-input relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputLabel: Component<PrimitiveField.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Label\n      class={cn(\n        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputControl: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Context>\n      {(field) => (\n        <div\n          data-slot='text-input-control'\n          {...(field().disabled && { 'data-disabled': 'true' })}\n          {...(field().invalid && { 'data-invalid': 'true' })}\n          {...(field().readOnly && { 'data-readonly': 'true' })}\n          class={cn(\n            'min-w-0 h-8 relative flex w-full items-center overflow-hidden rounded-lg border border-input transition-colors outline-none dark:bg-input/30',\n            'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n            'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n            'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n            'data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0',\n            'has-[textarea]:h-auto',\n            local.class,\n          )}\n          {...others}\n        />\n      )}\n    </PrimitiveField.Context>\n  );\n};\n\nexport const TextInputInput: Component<PrimitiveField.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Input\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputArea: Component<PrimitiveField.TextareaProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Textarea\n      class={cn(\n        'min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5 py-1.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputDescription = FieldDescription;\nexport const TextInputError = FieldError;\n"],"names":["TextInput","props","local","others","splitProps","_$createComponent","PrimitiveField","Root","_$mergeProps","cn","class","TextInputLabel","Label","TextInputControl","Context","children","field","_el$","_tmpl$","_$spread","disabled","invalid","readOnly","TextInputInput","Input","TextInputArea","Textarea","TextInputDescription","FieldDescription","TextInputError","FieldError"],"mappings":";;;;;;AAMO,MAAMA,IAAkDC,CAAAA,MAAU;AACvE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeC,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACXC,EAAG,kDAAkDP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GACpEP,CAAM,CAAA;AAGhB,GAEaQ,IAAwDV,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeM,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACZC,EACL,uNACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEaU,IAAsDZ,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeQ,SAAO;AAAA,IAAAC,UACnBC,QAAK,MAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAT,EAAA,MAGEQ,EAAAA,EAAQI,YAAY;AAAA,QAAE,iBAAiB;AAAA,MAAA,SACvCJ,EAAAA,EAAQK,WAAW;AAAA,QAAE,gBAAgB;AAAA,MAAA,SACrCL,EAAAA,EAAQM,YAAY;AAAA,QAAE,iBAAiB;AAAA,MAAA,GAAQ;AAAA,QAAA,IAAA,QAAA;AAAA,iBAC7Cb,EACL,gJACA,6FACA,8JACA,0GACA,qGACA,yBACAP,EAAMQ,KACR;AAAA,QAAC;AAAA,MAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAc;AAAAA,IAAA,GAAA;AAAA,EAAA,CAEb;AAGP,GAEaM,IAAwDtB,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAekB,OAAKhB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACZC,EACL,6OACA,uFACA,UACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEasB,IAA0DxB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAeoB,UAAQlB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,sOACA,gFACA,iBACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEawB,IAAuBC,GACvBC,IAAiBC;"}
+{"version":3,"file":"TextInput.js","names":["Field","PrimitiveField","splitProps","Component","ComponentProps","cn","FieldDescription","FieldError","TextInput","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","TextInputLabel","LabelProps","Label","TextInputControl","Context","children","field","_el$","_tmpl$","_$spread","disabled","invalid","readOnly","TextInputInput","InputProps","Input","TextInputArea","TextareaProps","Textarea","TextInputDescription","TextInputError"],"sources":["../../src/components/TextInput.tsx"],"sourcesContent":["import { Field as PrimitiveField } from '@ark-ui/solid/field';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { FieldDescription, FieldError } from '@/components/Field';\n\nexport const TextInput: Component<PrimitiveField.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Root\n      class={cn('group/text-input relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputLabel: Component<PrimitiveField.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Label\n      class={cn(\n        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputControl: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Context>\n      {(field) => (\n        <div\n          data-slot='text-input-control'\n          {...(field().disabled && { 'data-disabled': 'true' })}\n          {...(field().invalid && { 'data-invalid': 'true' })}\n          {...(field().readOnly && { 'data-readonly': 'true' })}\n          class={cn(\n            'min-w-0 h-8 relative flex w-full items-center overflow-hidden rounded-lg border border-input transition-colors outline-none dark:bg-input/30',\n            'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n            'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n            'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n            'data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0',\n            'has-[textarea]:h-auto',\n            local.class,\n          )}\n          {...others}\n        />\n      )}\n    </PrimitiveField.Context>\n  );\n};\n\nexport const TextInputInput: Component<PrimitiveField.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Input\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputArea: Component<PrimitiveField.TextareaProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Textarea\n      class={cn(\n        'min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5 py-1.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputDescription = FieldDescription;\nexport const TextInputError = FieldError;\n"],"mappings":";;;;;;iEAMaQ,KAAkDE,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGZ,EAAea,MAAIC,EAAA,EAAA,IAAA,QAAA;AAAA,SACXV,EAAG,kDAAkDM,EAAMK,MAAM;IAAA,EACpEJ,EAAM,CAAA;GAKHK,KAAwDP,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGZ,EAAekB,OAAKJ,EAAA,EAAA,IAAA,QAAA;AAAA,SACZV,EACL,uNACAM,EAAMK,MACP;IAAA,EACGJ,EAAM,CAAA;GAKHQ,KAAsDV,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGZ,EAAeoB,SAAO,EAAAC,WACnBC,aAAK;EAAA,IAAAC,IAAAC,GAAA;AAeO,SAfPC,EAAAF,GAAAT,QAGEQ,GAAO,CAACI,YAAY,EAAE,iBAAiB,QAAQ,QAC/CJ,GAAO,CAACK,WAAW,EAAE,gBAAgB,QAAQ,QAC7CL,GAAO,CAACM,YAAY,EAAE,iBAAiB,QAAQ,EAAA,EAAA,IAAA,QAAA;AAAA,UAC7CxB,EACL,gJACA,6FACA,8JACA,0GACA,qGACA,yBACAM,EAAMK,MACP;KAAA,EACGJ,EAAM,EAAA,IAAA,GAAA,EAAAY;KAAA,EAEb,CAAA;GAKMM,KAAwDpB,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGZ,EAAe+B,OAAKjB,EAAA,EAAA,IAAA,QAAA;AAAA,SACZV,EACL,6OACA,uFACA,UACAM,EAAMK,MACP;IAAA,EACGJ,EAAM,CAAA;GAKHqB,KAA0DvB,MAAU;CAC/E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGZ,EAAekC,UAAQpB,EAAA,EAAA,IAAA,QAAA;AAAA,SACfV,EACL,sOACA,gFACA,iBACAM,EAAMK,MACP;IAAA,EACGJ,EAAM,CAAA;GAKHwB,IAAuB9B,GACvB+B,IAAiB9B"}