kaleido-ui 0.2.0 → 0.2.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.
@@ -7440,6 +7440,7 @@ function WithdrawAmountInput({
7440
7440
  handleSetMax,
7441
7441
  selectedAssetId,
7442
7442
  selectedAssetTicker,
7443
+ unitSlot,
7443
7444
  formattedBalance,
7444
7445
  decodedLnInvoice,
7445
7446
  decodedRgbInvoice,
@@ -7486,7 +7487,7 @@ function WithdrawAmountInput({
7486
7487
  onChange: handleAmountChange
7487
7488
  }
7488
7489
  ),
7489
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "mt-0.5 text-caption text-muted-foreground", children: unitLabel })
7490
+ unitSlot ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { "data-slot": "amount-unit", className: "mt-1 flex min-w-0 items-center gap-2", children: unitSlot }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "mt-0.5 text-caption text-muted-foreground", children: unitLabel })
7490
7491
  ] }),
7491
7492
  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
7492
7493
  Button,
@@ -1626,6 +1626,11 @@ interface WithdrawAmountInputProps {
1626
1626
  handleSetMax: () => void;
1627
1627
  selectedAssetId: string;
1628
1628
  selectedAssetTicker: string | undefined;
1629
+ /**
1630
+ * Replaces the unit caption under the amount, e.g. with a sats/fiat toggle,
1631
+ * so the unit is picked where the amount is typed.
1632
+ */
1633
+ unitSlot?: ReactNode;
1629
1634
  assetBalance?: number;
1630
1635
  formattedBalance: string;
1631
1636
  decodedLnInvoice: WithdrawDecodedLnInvoice | null;
@@ -1656,7 +1661,7 @@ interface WithdrawAmountInputProps {
1656
1661
  donation: boolean;
1657
1662
  setDonation: (value: boolean) => void;
1658
1663
  }
1659
- declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, feeRateMode, setFeeRateMode, customFeeRate, setCustomFeeRate, effectiveFeeRateSatPerVb, estimatedFee, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
1664
+ declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, unitSlot, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, feeRateMode, setFeeRateMode, customFeeRate, setCustomFeeRate, effectiveFeeRateSatPerVb, estimatedFee, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
1660
1665
 
1661
1666
  interface WithdrawInvoiceAsset {
1662
1667
  asset_id: string;
@@ -1626,6 +1626,11 @@ interface WithdrawAmountInputProps {
1626
1626
  handleSetMax: () => void;
1627
1627
  selectedAssetId: string;
1628
1628
  selectedAssetTicker: string | undefined;
1629
+ /**
1630
+ * Replaces the unit caption under the amount, e.g. with a sats/fiat toggle,
1631
+ * so the unit is picked where the amount is typed.
1632
+ */
1633
+ unitSlot?: ReactNode;
1629
1634
  assetBalance?: number;
1630
1635
  formattedBalance: string;
1631
1636
  decodedLnInvoice: WithdrawDecodedLnInvoice | null;
@@ -1656,7 +1661,7 @@ interface WithdrawAmountInputProps {
1656
1661
  donation: boolean;
1657
1662
  setDonation: (value: boolean) => void;
1658
1663
  }
1659
- declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, feeRateMode, setFeeRateMode, customFeeRate, setCustomFeeRate, effectiveFeeRateSatPerVb, estimatedFee, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
1664
+ declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, unitSlot, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, feeRateMode, setFeeRateMode, customFeeRate, setCustomFeeRate, effectiveFeeRateSatPerVb, estimatedFee, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
1660
1665
 
1661
1666
  interface WithdrawInvoiceAsset {
1662
1667
  asset_id: string;
package/dist/web/index.js CHANGED
@@ -7148,6 +7148,7 @@ function WithdrawAmountInput({
7148
7148
  handleSetMax,
7149
7149
  selectedAssetId,
7150
7150
  selectedAssetTicker,
7151
+ unitSlot,
7151
7152
  formattedBalance,
7152
7153
  decodedLnInvoice,
7153
7154
  decodedRgbInvoice,
@@ -7194,7 +7195,7 @@ function WithdrawAmountInput({
7194
7195
  onChange: handleAmountChange
7195
7196
  }
7196
7197
  ),
7197
- /* @__PURE__ */ jsx66("p", { className: "mt-0.5 text-caption text-muted-foreground", children: unitLabel })
7198
+ unitSlot ? /* @__PURE__ */ jsx66("div", { "data-slot": "amount-unit", className: "mt-1 flex min-w-0 items-center gap-2", children: unitSlot }) : /* @__PURE__ */ jsx66("p", { className: "mt-0.5 text-caption text-muted-foreground", children: unitLabel })
7198
7199
  ] }),
7199
7200
  /* @__PURE__ */ jsx66(
7200
7201
  Button,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
5
5
  "license": "MIT",
6
6
  "type": "module",