@timeax/form-palette 0.0.21 → 0.0.22

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.
package/dist/index.d.mts CHANGED
@@ -1157,7 +1157,7 @@ interface InputNumberProps extends Omit<ShadcnTextVariantProps, 'min' | 'max' |
1157
1157
  size?: FieldSize;
1158
1158
  invalid?: boolean;
1159
1159
  }
1160
- declare const InputNumber: React.NamedExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;
1160
+ declare const InputNumber: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>>;
1161
1161
 
1162
1162
  type ShadcnNumberVariantProps = Omit<InputNumberProps, "onValueChange" | "onChange" | "leadingControl" | "trailingControl"> & {
1163
1163
  /**
@@ -2215,6 +2215,11 @@ interface ShadcnCheckboxUiProps<TItem, TValue> {
2215
2215
  * Extra classes for the option label text.
2216
2216
  */
2217
2217
  labelClassName?: string;
2218
+ /**
2219
+ * Extra classes for the option label text in group mode only.
2220
+ * This allows styling group item labels without affecting single mode labels.
2221
+ */
2222
+ optionLabelClassName?: string;
2218
2223
  /**
2219
2224
  * Extra classes for the option description text.
2220
2225
  */
@@ -4023,7 +4028,7 @@ interface InputMaskProps$1 extends Omit<React.InputHTMLAttributes<HTMLInputEleme
4023
4028
  onChange?: (e: InputMaskChangeEvent) => void;
4024
4029
  onComplete?: (e: InputMaskCompleteEvent) => void;
4025
4030
  }
4026
- declare const InputMask: React.NamedExoticComponent<InputMaskProps$1 & React.RefAttributes<InputMaskRef>>;
4031
+ declare const InputMask: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputMaskProps$1 & React.RefAttributes<InputMaskRef>>>;
4027
4032
 
4028
4033
  type MaskMode = "raw" | "masked";
4029
4034
  interface InputMaskProps {
package/dist/index.d.ts CHANGED
@@ -1157,7 +1157,7 @@ interface InputNumberProps extends Omit<ShadcnTextVariantProps, 'min' | 'max' |
1157
1157
  size?: FieldSize;
1158
1158
  invalid?: boolean;
1159
1159
  }
1160
- declare const InputNumber: React.NamedExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;
1160
+ declare const InputNumber: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>>;
1161
1161
 
1162
1162
  type ShadcnNumberVariantProps = Omit<InputNumberProps, "onValueChange" | "onChange" | "leadingControl" | "trailingControl"> & {
1163
1163
  /**
@@ -2215,6 +2215,11 @@ interface ShadcnCheckboxUiProps<TItem, TValue> {
2215
2215
  * Extra classes for the option label text.
2216
2216
  */
2217
2217
  labelClassName?: string;
2218
+ /**
2219
+ * Extra classes for the option label text in group mode only.
2220
+ * This allows styling group item labels without affecting single mode labels.
2221
+ */
2222
+ optionLabelClassName?: string;
2218
2223
  /**
2219
2224
  * Extra classes for the option description text.
2220
2225
  */
@@ -4023,7 +4028,7 @@ interface InputMaskProps$1 extends Omit<React.InputHTMLAttributes<HTMLInputEleme
4023
4028
  onChange?: (e: InputMaskChangeEvent) => void;
4024
4029
  onComplete?: (e: InputMaskCompleteEvent) => void;
4025
4030
  }
4026
- declare const InputMask: React.NamedExoticComponent<InputMaskProps$1 & React.RefAttributes<InputMaskRef>>;
4031
+ declare const InputMask: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputMaskProps$1 & React.RefAttributes<InputMaskRef>>>;
4027
4032
 
4028
4033
  type MaskMode = "raw" | "masked";
4029
4034
  interface InputMaskProps {
package/dist/index.js CHANGED
@@ -15774,6 +15774,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
15774
15774
  groupClassName,
15775
15775
  optionClassName,
15776
15776
  labelClassName,
15777
+ optionLabelClassName,
15777
15778
  descriptionClassName,
15778
15779
  className,
15779
15780
  // alias for groupClassName
@@ -16081,7 +16082,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
16081
16082
  children: [
16082
16083
  checkboxNode,
16083
16084
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
16084
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClassesBase, children: displayItem.label }),
16085
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(labelClassesBase, optionLabelClassName), children: displayItem.label }),
16085
16086
  displayItem.description != null && /* @__PURE__ */ jsxRuntime.jsx(
16086
16087
  "span",
16087
16088
  {
@@ -21383,7 +21384,11 @@ function InputField(props) {
21383
21384
  )
21384
21385
  )
21385
21386
  ] });
21386
- const inlineRowClassName = cn("flex items-start gap-2", classes == null ? void 0 : classes.inlineRow);
21387
+ const inlineRowClassName = cn(
21388
+ "flex gap-2",
21389
+ hasLabelAboveSlots || hasLabelBelowSlots ? "items-start" : "items-center",
21390
+ classes == null ? void 0 : classes.inlineRow
21391
+ );
21387
21392
  const hasStackedLabelBlock = lp !== "hidden" && hasAnyLabelBlockContent;
21388
21393
  const stackedGroupClassName = cn(
21389
21394
  hasStackedLabelBlock && hasLabelRowContent && "mt-0.5",