@inkeep/cxkit-styled 0.5.114 → 0.5.116

package/dist/index.d.cts

@@ -220,7 +220,19 @@ export declare namespace EmbeddedChat {
         EmbeddedChatFormFieldSelectItem as FormFieldSelectItem,
         EmbeddedChatFormFieldSelectItemText as FormFieldSelectItemText,
         EmbeddedChatFormFieldSelectItemIndicator as FormFieldSelectItemIndicator,
+        EmbeddedChatFormFieldCombobox as FormFieldCombobox,
+        EmbeddedChatFormFieldComboboxControl as FormFieldComboboxControl,
+        EmbeddedChatFormFieldComboboxInput as FormFieldComboboxInput,
+        EmbeddedChatFormFieldComboboxTrigger as FormFieldComboboxTrigger,
+        EmbeddedChatFormFieldComboboxPositioner as FormFieldComboboxPositioner,
+        EmbeddedChatFormFieldComboboxContent as FormFieldComboboxContent,
+        EmbeddedChatFormFieldComboboxItemList as FormFieldComboboxItemList,
+        EmbeddedChatFormFieldComboboxItem as FormFieldComboboxItem,
+        EmbeddedChatFormFieldComboboxItemText as FormFieldComboboxItemText,
+        EmbeddedChatFormFieldComboboxSelectedTags as FormFieldComboboxSelectedTags,
+        EmbeddedChatFormFieldComboboxItemIndicator as FormFieldComboboxItemIndicator,
         EmbeddedChatFormFieldError as FormFieldError,
+        EmbeddedChatFormFieldDescription as FormFieldDescription,
         EmbeddedChatFormError as FormError,
         EmbeddedChatFormFooter as FormFooter,
         EmbeddedChatFormCancel as FormCancel,
@@ -388,6 +400,30 @@ declare const EmbeddedChatFormFieldCheckbox: ({ className, ...props }: React.Com
 
 declare const EmbeddedChatFormFieldCheckboxIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldCheckboxIndicator>) => JSX.Element;
 
+declare const EmbeddedChatFormFieldCombobox: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldCombobox>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxContent: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxContent>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxControl: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxControl>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxInput: (props: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxInput>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxItem: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxItem>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxItemIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxItemIndicator>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxItemList: () => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxItemText: (props: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxItemText>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxPositioner: (props: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxPositioner>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxSelectedTags: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxSelectedTags>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxTrigger: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxTrigger>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldDescription: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldDescription>) => JSX.Element;
+
 declare const EmbeddedChatFormFieldEmail: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldEmail>) => JSX.Element;
 
 declare const EmbeddedChatFormFieldError: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldError>) => JSX.Element;
@@ -800,6 +836,18 @@ export declare namespace IntelligentForm {
         IntelligentFormFieldSelectItem as SelectItem,
         IntelligentFormFieldSelectItemText as SelectItemText,
         IntelligentFormFieldSelectItemIndicator as SelectItemIndicator,
+        IntelligentFormFieldCombobox as FormFieldCombobox,
+        IntelligentFormFieldComboboxControl as FormFieldComboboxControl,
+        IntelligentFormFieldComboboxInput as FormFieldComboboxInput,
+        IntelligentFormFieldComboboxTrigger as FormFieldComboboxTrigger,
+        IntelligentFormFieldComboboxPositioner as FormFieldComboboxPositioner,
+        IntelligentFormFieldComboboxContent as FormFieldComboboxContent,
+        IntelligentFormFieldComboboxItemList as FormFieldComboboxItemList,
+        IntelligentFormFieldComboboxItem as FormFieldComboboxItem,
+        IntelligentFormFieldComboboxItemText as FormFieldComboboxItemText,
+        IntelligentFormFieldComboboxSelectedTags as FormFieldComboboxSelectedTags,
+        IntelligentFormFieldComboboxItemIndicator as FormFieldComboboxItemIndicator,
+        IntelligentFormFieldDescription as FieldDescription,
         IntelligentFormFieldError as FieldError,
         IntelligentFormBotHeading as BotHeading,
         IntelligentFormBotHeadingIcon as BotHeadingIcon,
@@ -860,6 +908,30 @@ declare const IntelligentFormFieldCheckbox: ({ className, ...props }: React.Comp
 
 declare const IntelligentFormFieldCheckboxIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldCheckboxIndicator>) => JSX.Element;
 
+declare const IntelligentFormFieldCombobox: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldCombobox>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxContent: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxContent>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxControl: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxControl>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxInput: (props: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxInput>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxItem: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxItem>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxItemIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxItemIndicator>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxItemList: () => JSX.Element;
+
+declare const IntelligentFormFieldComboboxItemText: (props: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxItemText>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxPositioner: (props: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxPositioner>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxSelectedTags: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxSelectedTags>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxTrigger: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxTrigger>) => JSX.Element;
+
+declare const IntelligentFormFieldDescription: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldDescription>) => JSX.Element;
+
 declare const IntelligentFormFieldEmail: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldEmail>) => JSX.Element;
 
 declare const IntelligentFormFieldError: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldError>) => JSX.Element;

package/dist/index.d.ts

@@ -220,7 +220,19 @@ export declare namespace EmbeddedChat {
         EmbeddedChatFormFieldSelectItem as FormFieldSelectItem,
         EmbeddedChatFormFieldSelectItemText as FormFieldSelectItemText,
         EmbeddedChatFormFieldSelectItemIndicator as FormFieldSelectItemIndicator,
+        EmbeddedChatFormFieldCombobox as FormFieldCombobox,
+        EmbeddedChatFormFieldComboboxControl as FormFieldComboboxControl,
+        EmbeddedChatFormFieldComboboxInput as FormFieldComboboxInput,
+        EmbeddedChatFormFieldComboboxTrigger as FormFieldComboboxTrigger,
+        EmbeddedChatFormFieldComboboxPositioner as FormFieldComboboxPositioner,
+        EmbeddedChatFormFieldComboboxContent as FormFieldComboboxContent,
+        EmbeddedChatFormFieldComboboxItemList as FormFieldComboboxItemList,
+        EmbeddedChatFormFieldComboboxItem as FormFieldComboboxItem,
+        EmbeddedChatFormFieldComboboxItemText as FormFieldComboboxItemText,
+        EmbeddedChatFormFieldComboboxSelectedTags as FormFieldComboboxSelectedTags,
+        EmbeddedChatFormFieldComboboxItemIndicator as FormFieldComboboxItemIndicator,
         EmbeddedChatFormFieldError as FormFieldError,
+        EmbeddedChatFormFieldDescription as FormFieldDescription,
         EmbeddedChatFormError as FormError,
         EmbeddedChatFormFooter as FormFooter,
         EmbeddedChatFormCancel as FormCancel,
@@ -388,6 +400,30 @@ declare const EmbeddedChatFormFieldCheckbox: ({ className, ...props }: React.Com
 
 declare const EmbeddedChatFormFieldCheckboxIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldCheckboxIndicator>) => JSX.Element;
 
+declare const EmbeddedChatFormFieldCombobox: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldCombobox>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxContent: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxContent>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxControl: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxControl>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxInput: (props: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxInput>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxItem: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxItem>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxItemIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxItemIndicator>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxItemList: () => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxItemText: (props: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxItemText>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxPositioner: (props: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxPositioner>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxSelectedTags: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxSelectedTags>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldComboboxTrigger: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldComboboxTrigger>) => JSX.Element;
+
+declare const EmbeddedChatFormFieldDescription: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldDescription>) => JSX.Element;
+
 declare const EmbeddedChatFormFieldEmail: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldEmail>) => JSX.Element;
 
 declare const EmbeddedChatFormFieldError: ({ className, ...props }: React.ComponentPropsWithRef<typeof EmbeddedChatPrimitive.FormFieldError>) => JSX.Element;
@@ -800,6 +836,18 @@ export declare namespace IntelligentForm {
         IntelligentFormFieldSelectItem as SelectItem,
         IntelligentFormFieldSelectItemText as SelectItemText,
         IntelligentFormFieldSelectItemIndicator as SelectItemIndicator,
+        IntelligentFormFieldCombobox as FormFieldCombobox,
+        IntelligentFormFieldComboboxControl as FormFieldComboboxControl,
+        IntelligentFormFieldComboboxInput as FormFieldComboboxInput,
+        IntelligentFormFieldComboboxTrigger as FormFieldComboboxTrigger,
+        IntelligentFormFieldComboboxPositioner as FormFieldComboboxPositioner,
+        IntelligentFormFieldComboboxContent as FormFieldComboboxContent,
+        IntelligentFormFieldComboboxItemList as FormFieldComboboxItemList,
+        IntelligentFormFieldComboboxItem as FormFieldComboboxItem,
+        IntelligentFormFieldComboboxItemText as FormFieldComboboxItemText,
+        IntelligentFormFieldComboboxSelectedTags as FormFieldComboboxSelectedTags,
+        IntelligentFormFieldComboboxItemIndicator as FormFieldComboboxItemIndicator,
+        IntelligentFormFieldDescription as FieldDescription,
         IntelligentFormFieldError as FieldError,
         IntelligentFormBotHeading as BotHeading,
         IntelligentFormBotHeadingIcon as BotHeadingIcon,
@@ -860,6 +908,30 @@ declare const IntelligentFormFieldCheckbox: ({ className, ...props }: React.Comp
 
 declare const IntelligentFormFieldCheckboxIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldCheckboxIndicator>) => JSX.Element;
 
+declare const IntelligentFormFieldCombobox: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldCombobox>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxContent: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxContent>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxControl: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxControl>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxInput: (props: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxInput>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxItem: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxItem>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxItemIndicator: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxItemIndicator>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxItemList: () => JSX.Element;
+
+declare const IntelligentFormFieldComboboxItemText: (props: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxItemText>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxPositioner: (props: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxPositioner>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxSelectedTags: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxSelectedTags>) => JSX.Element;
+
+declare const IntelligentFormFieldComboboxTrigger: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldComboboxTrigger>) => JSX.Element;
+
+declare const IntelligentFormFieldDescription: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldDescription>) => JSX.Element;
+
 declare const IntelligentFormFieldEmail: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldEmail>) => JSX.Element;
 
 declare const IntelligentFormFieldError: ({ className, ...props }: React.ComponentPropsWithRef<typeof IntelligentFormPrimitive.FormFieldError>) => JSX.Element;

package/dist/inkeep.css.cjs

@@ -778,6 +778,9 @@ video {
   width: var(--ikp-spacing-4);
   height: var(--ikp-spacing-4);
 }
+.\\!h-auto {
+  height: auto !important;
+}
 .h-0 {
   height: var(--ikp-spacing-0);
 }
@@ -862,6 +865,9 @@ video {
 .min-h-0 {
   min-height: var(--ikp-spacing-0);
 }
+.min-h-10 {
+  min-height: var(--ikp-spacing-10);
+}
 .min-h-20 {
   min-height: var(--ikp-spacing-20);
 }
@@ -947,6 +953,9 @@ video {
 .min-w-10 {
   min-width: var(--ikp-spacing-10);
 }
+.min-w-28 {
+  min-width: var(--ikp-spacing-28);
+}
 .min-w-32 {
   min-width: var(--ikp-spacing-32);
 }
@@ -986,12 +995,18 @@ video {
 .flex-\\[0_0_100\\%\\] {
   flex: 0 0 100%;
 }
+.flex-shrink {
+  flex-shrink: 1;
+}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
 .shrink-0 {
   flex-shrink: 0;
 }
+.flex-grow-0 {
+  flex-grow: 0;
+}
 .grow-0 {
   flex-grow: 0;
 }
@@ -1265,6 +1280,9 @@ video {
 .justify-self-center {
   justify-self: center;
 }
+.overflow-auto {
+  overflow: auto;
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1329,6 +1347,9 @@ video {
 .border {
   border-width: 1px;
 }
+.border-0 {
+  border-width: 0px;
+}
 .border-2 {
   border-width: 2px;
 }
@@ -2620,6 +2641,10 @@ img[data-part='icon'][data-type='custom'] {
   flex-direction: row;
 }
 
+.data-\\[input-type\\=checkbox\\]\\:flex-wrap[data-input-type="checkbox"] {
+  flex-wrap: wrap;
+}
+
 .data-\\[even\\]\\:items-start[data-even] {
   align-items: flex-start;
 }
@@ -2665,6 +2690,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.data-\\[highlighted\\]\\:bg-gray-100[data-highlighted] {
+  background-color: var(--ikp-color-gray-100);
+}
+
 .data-\\[role\\=user\\]\\:bg-gray-50[data-role="user"] {
   background-color: var(--ikp-color-gray-50);
 }
@@ -2701,6 +2730,10 @@ img[data-part='icon'][data-type='custom'] {
   font-weight: 600;
 }
 
+.data-\\[state\\=checked\\]\\:font-medium[data-state="checked"] {
+  font-weight: 500;
+}
+
 .data-\\[active\\]\\:text-gray-600[data-active] {
   color: var(--ikp-color-gray-600);
 }
@@ -2756,6 +2789,18 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-inkeep-primary-medium);
 }
 
+.data-\\[invalid\\]\\:placeholder-opacity-80[data-invalid]::-moz-placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.data-\\[invalid\\]\\:placeholder-opacity-80[data-invalid]::placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.data-\\[disabled\\]\\:opacity-30[data-disabled] {
+  opacity: 0.3;
+}
+
 .data-\\[disabled\\]\\:opacity-50[data-disabled] {
   opacity: 0.5;
 }
@@ -2888,6 +2933,14 @@ img[data-part='icon'][data-type='custom'] {
   background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-600),transparent 30%);
 }
 
+.group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:w-full {
+  width: 100%;
+}
+
+.group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:basis-full {
+  flex-basis: 100%;
+}
+
 :not(.dark) .light\\:text-gray-700 {
   color: var(--ikp-color-gray-700);
 }
@@ -3360,6 +3413,14 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-gray-dark-200);
 }
 
+.dark\\:placeholder\\:text-gray-dark-500:is([data-theme="dark"] *)::-moz-placeholder {
+  color: var(--ikp-color-gray-dark-500);
+}
+
+.dark\\:placeholder\\:text-gray-dark-500:is([data-theme="dark"] *)::placeholder {
+  color: var(--ikp-color-gray-dark-500);
+}
+
 .dark\\:before\\:bg-gray-dark-950:is([data-theme="dark"] *)::before {
   content: var(--tw-content);
   background-color: var(--ikp-color-gray-dark-950);
@@ -3447,6 +3508,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-dark-700);
 }
 
+.dark\\:data-\\[highlighted\\]\\:bg-gray-dark-800[data-highlighted]:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-gray-dark-800);
+}
+
 .dark\\:data-\\[state\\=active\\]\\:bg-white-alpha-100[data-state="active"]:is([data-theme="dark"] *) {
   background-color: var(--ikp-color-white-alpha-100);
 }
@@ -3798,6 +3863,112 @@ img[data-part='icon'][data-type='custom'] {
   padding-right: var(--ikp-spacing-1);
 }
 
+.\\[\\&_\\[data-part\\=tag-clear\\]\\:hover\\]\\:bg-gray-200 [data-part=tag-clear]:hover {
+  background-color: var(--ikp-color-gray-200);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\:hover\\]\\:dark\\:bg-gray-dark-600:is([data-theme="dark"] *) [data-part=tag-clear]:hover {
+  background-color: var(--ikp-color-gray-dark-600);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:flex [data-part=tag-clear] {
+  display: flex;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:h-5 [data-part=tag-clear] {
+  height: var(--ikp-spacing-5);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:w-5 [data-part=tag-clear] {
+  width: var(--ikp-spacing-5);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:shrink-0 [data-part=tag-clear] {
+  flex-shrink: 0;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:cursor-pointer [data-part=tag-clear] {
+  cursor: pointer;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:items-center [data-part=tag-clear] {
+  align-items: center;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:justify-center [data-part=tag-clear] {
+  justify-content: center;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:rounded-md [data-part=tag-clear] {
+  border-radius: var(--ikp-border-radius-md);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:text-current [data-part=tag-clear] {
+  color: currentColor;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:outline-none [data-part=tag-clear] {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:inline-flex [data-part=tag] {
+  display: inline-flex;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:flex-shrink-0 [data-part=tag] {
+  flex-shrink: 0;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:items-center [data-part=tag] {
+  align-items: center;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:gap-1 [data-part=tag] {
+  gap: var(--ikp-spacing-1);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:whitespace-nowrap [data-part=tag] {
+  white-space: nowrap;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:rounded-md [data-part=tag] {
+  border-radius: var(--ikp-border-radius-md);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:bg-gray-100 [data-part=tag] {
+  background-color: var(--ikp-color-gray-100);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:py-0\\.5 [data-part=tag] {
+  padding-top: var(--ikp-spacing-0_5);
+  padding-bottom: var(--ikp-spacing-0_5);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:pl-2 [data-part=tag] {
+  padding-left: var(--ikp-spacing-2);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:pr-1 [data-part=tag] {
+  padding-right: var(--ikp-spacing-1);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:text-sm [data-part=tag] {
+  font-size: var(--ikp-font-size-sm);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:text-gray-800 [data-part=tag] {
+  color: var(--ikp-color-gray-800);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:dark\\:bg-gray-dark-800:is([data-theme="dark"] *) [data-part=tag] {
+  background-color: var(--ikp-color-gray-dark-800);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:dark\\:text-gray-dark-50:is([data-theme="dark"] *) [data-part=tag] {
+  color: var(--ikp-color-gray-dark-50);
+}
+
 .\\[\\&_a\\]\\:inline a {
   display: inline;
 }