@alpic-ai/ui 1.128.0 → 1.129.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/form.mjs +6 -6
  2. package/dist/components/tooltip.mjs +1 -1
  3. package/package.json +1 -1
  4. package/src/components/form.tsx +6 -6
  5. package/src/components/tooltip.tsx +1 -1
package/dist/components/form.mjs CHANGED
@@ -90,7 +90,7 @@ function FormDescription({ className, ...props }) {
90
90
  return /* @__PURE__ */ jsx("p", {
91
91
  "data-slot": "form-description",
92
92
  id: formDescriptionId,
93
- className: cn("text-muted-foreground text-sm", className),
93
+ className: cn("text-muted-foreground type-text-sm whitespace-pre-line", className),
94
94
  ...props
95
95
  });
96
96
  }
@@ -136,11 +136,11 @@ function InputField({ control, name, rules, required, label, description, toolti
136
136
  tooltip,
137
137
  children: label
138
138
  }),
139
+ description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
139
140
  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
140
141
  ...inputProps,
141
142
  ...field
142
143
  }) }),
143
- description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
144
144
  /* @__PURE__ */ jsx(FormMessage, {})
145
145
  ] })
146
146
  });
@@ -156,11 +156,11 @@ function TextareaField({ control, name, rules, required, label, description, too
156
156
  tooltip,
157
157
  children: label
158
158
  }),
159
+ description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
159
160
  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, {
160
161
  ...textareaProps,
161
162
  ...field
162
163
  }) }),
163
- description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
164
164
  /* @__PURE__ */ jsx(FormMessage, {})
165
165
  ] })
166
166
  });
@@ -176,6 +176,7 @@ function SelectField({ control, name, rules, required, label, description, toolt
176
176
  tooltip,
177
177
  children: label
178
178
  }),
179
+ description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
179
180
  /* @__PURE__ */ jsxs(Select, {
180
181
  value: field.value,
181
182
  onValueChange: field.onChange,
@@ -185,7 +186,6 @@ function SelectField({ control, name, rules, required, label, description, toolt
185
186
  children: option.label
186
187
  }, option.value)) })]
187
188
  }),
188
- description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
189
189
  /* @__PURE__ */ jsx(FormMessage, {})
190
190
  ] })
191
191
  });
@@ -201,6 +201,7 @@ function RadioField({ control, name, rules, required, label, description, toolti
201
201
  tooltip,
202
202
  children: label
203
203
  }),
204
+ description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
204
205
  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(RadioGroup, {
205
206
  value: field.value ?? "",
206
207
  onValueChange: field.onChange,
@@ -221,7 +222,6 @@ function RadioField({ control, name, rules, required, label, description, toolti
221
222
  }, option.value);
222
223
  })
223
224
  }) }),
224
- description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
225
225
  /* @__PURE__ */ jsx(FormMessage, {})
226
226
  ] })
227
227
  });
@@ -243,6 +243,7 @@ function ChecklistField({ control, name, rules, required, label, description, to
243
243
  tooltip,
244
244
  children: label
245
245
  }),
246
+ description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
246
247
  /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx("fieldset", {
247
248
  className: "m-0 flex flex-col gap-2 border-0 p-0",
248
249
  onBlur: field.onBlur,
@@ -263,7 +264,6 @@ function ChecklistField({ control, name, rules, required, label, description, to
263
264
  }, option.value);
264
265
  })
265
266
  }) }),
266
- description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
267
267
  /* @__PURE__ */ jsx(FormMessage, {})
268
268
  ] });
269
269
  }
package/dist/components/tooltip.mjs CHANGED
@@ -26,7 +26,7 @@ function TooltipContent({ className, sideOffset = 6, children, ...props }) {
26
26
  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
27
27
  "data-slot": "tooltip-content",
28
28
  sideOffset,
29
- className: cn("bg-inverted text-inverted-foreground dark:bg-subtle dark:text-foreground", "z-50 w-fit rounded-md px-3 py-2 shadow-lg dark:shadow-none dark:drop-shadow-[0_0_0.5px_var(--color-border)]", "type-text-xs font-semibold text-balance text-center", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "origin-(--radix-tooltip-content-transform-origin)", className),
29
+ className: cn("bg-inverted text-inverted-foreground dark:bg-subtle dark:text-foreground", "z-50 w-fit rounded-md px-3 py-2 shadow-lg dark:shadow-none dark:drop-shadow-[0_0_0.5px_var(--color-border)]", "type-text-xs font-semibold text-balance text-center whitespace-pre-line", "animate-in fade-in-0 zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "origin-(--radix-tooltip-content-transform-origin)", className),
30
30
  ...props,
31
31
  children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-inverted fill-inverted dark:bg-subtle dark:fill-subtle z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
32
32
  }) });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alpic-ai/ui",
3
- "version": "1.128.0",
3
+ "version": "1.129.1",
4
4
  "description": "Alpic design system — shared UI components",
5
5
  "type": "module",
6
6
  "exports": {
package/src/components/form.tsx CHANGED
@@ -143,7 +143,7 @@ function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
143
143
  <p
144
144
  data-slot="form-description"
145
145
  id={formDescriptionId}
146
- className={cn("text-muted-foreground text-sm", className)}
146
+ className={cn("text-muted-foreground type-text-sm whitespace-pre-line", className)}
147
147
  {...props}
148
148
  />
149
149
  );
@@ -222,10 +222,10 @@ function InputField<TFieldValues extends FieldValues, TName extends FieldPath<TF
222
222
  {label}
223
223
  </FormLabel>
224
224
  )}
225
+ {description && <FormDescription>{description}</FormDescription>}
225
226
  <FormControl>
226
227
  <Input {...inputProps} {...field} />
227
228
  </FormControl>
228
- {description && <FormDescription>{description}</FormDescription>}
229
229
  <FormMessage />
230
230
  </FormItem>
231
231
  )}
@@ -259,10 +259,10 @@ function TextareaField<TFieldValues extends FieldValues, TName extends FieldPath
259
259
  {label}
260
260
  </FormLabel>
261
261
  )}
262
+ {description && <FormDescription>{description}</FormDescription>}
262
263
  <FormControl>
263
264
  <Textarea {...textareaProps} {...field} />
264
265
  </FormControl>
265
- {description && <FormDescription>{description}</FormDescription>}
266
266
  <FormMessage />
267
267
  </FormItem>
268
268
  )}
@@ -305,6 +305,7 @@ function SelectField<TFieldValues extends FieldValues, TName extends FieldPath<T
305
305
  {label}
306
306
  </FormLabel>
307
307
  )}
308
+ {description && <FormDescription>{description}</FormDescription>}
308
309
  <Select value={field.value} onValueChange={field.onChange}>
309
310
  <FormControl>
310
311
  <SelectTrigger>
@@ -319,7 +320,6 @@ function SelectField<TFieldValues extends FieldValues, TName extends FieldPath<T
319
320
  ))}
320
321
  </SelectContent>
321
322
  </Select>
322
- {description && <FormDescription>{description}</FormDescription>}
323
323
  <FormMessage />
324
324
  </FormItem>
325
325
  )}
@@ -354,6 +354,7 @@ function RadioField<TFieldValues extends FieldValues, TName extends FieldPath<TF
354
354
  {label}
355
355
  </FormLabel>
356
356
  )}
357
+ {description && <FormDescription>{description}</FormDescription>}
357
358
  <FormControl>
358
359
  <RadioGroup value={field.value ?? ""} onValueChange={field.onChange} onBlur={field.onBlur}>
359
360
  {options.map((option) => {
@@ -369,7 +370,6 @@ function RadioField<TFieldValues extends FieldValues, TName extends FieldPath<TF
369
370
  })}
370
371
  </RadioGroup>
371
372
  </FormControl>
372
- {description && <FormDescription>{description}</FormDescription>}
373
373
  <FormMessage />
374
374
  </FormItem>
375
375
  )}
@@ -413,6 +413,7 @@ function ChecklistField<TFieldValues extends FieldValues, TName extends FieldPat
413
413
  {label}
414
414
  </FormLabel>
415
415
  )}
416
+ {description && <FormDescription>{description}</FormDescription>}
416
417
  <FormControl>
417
418
  <fieldset className="m-0 flex flex-col gap-2 border-0 p-0" onBlur={field.onBlur}>
418
419
  {options.map((option) => {
@@ -434,7 +435,6 @@ function ChecklistField<TFieldValues extends FieldValues, TName extends FieldPat
434
435
  })}
435
436
  </fieldset>
436
437
  </FormControl>
437
- {description && <FormDescription>{description}</FormDescription>}
438
438
  <FormMessage />
439
439
  </FormItem>
440
440
  );
package/src/components/tooltip.tsx CHANGED
@@ -35,7 +35,7 @@ function TooltipContent({
35
35
  className={cn(
36
36
  "bg-inverted text-inverted-foreground dark:bg-subtle dark:text-foreground",
37
37
  "z-50 w-fit rounded-md px-3 py-2 shadow-lg dark:shadow-none dark:drop-shadow-[0_0_0.5px_var(--color-border)]",
38
- "type-text-xs font-semibold text-balance text-center",
38
+ "type-text-xs font-semibold text-balance text-center whitespace-pre-line",
39
39
  "animate-in fade-in-0 zoom-in-95",
40
40
  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
41
41
  "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",