@cfx-dev/ui-components 3.0.4 → 4.0.0

package/dist/components/DropdownSelect/DropdownSelectShowcase.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function DropdownSelectShowcase(): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof DropdownSelectShowcase>;
+export default _default;

package/dist/components/DropdownSelect/DropdownSelectShowcase.js

@@ -0,0 +1,52 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import r from "react";
+import { Flex as t } from "../Layout/Flex/Flex.js";
+import { Text as o } from "../Text/Text.js";
+import { DropdownSelect as a } from "./DropdownSelect.js";
+const c = [
+  {
+    value: "all",
+    label: "all"
+  },
+  {
+    value: "recurring",
+    label: "recurring"
+  },
+  {
+    value: "bursts",
+    label: "bursts"
+  }
+];
+function d() {
+  const [n, i] = r.useState(void 0), [u, s] = r.useState(void 0);
+  return /* @__PURE__ */ l(t, { gap: "large", vertical: !0, pb: 20, children: [
+    /* @__PURE__ */ l(t, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(o, { children: "Default Select Input" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        a,
+        {
+          options: c,
+          onChange: i,
+          value: n
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(t, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(o, { children: "Full Width Select Input" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        a,
+        {
+          size: "large",
+          options: c,
+          fullWidth: !0,
+          value: u,
+          onChange: s
+        }
+      ) })
+    ] })
+  ] });
+}
+const f = r.memo(d);
+export {
+  f as default
+};

package/dist/components/DropdownSelect/index.d.ts

@@ -0,0 +1 @@
+export { DropdownSelect } from './DropdownSelect';

package/dist/components/DropdownSelect/index.js

@@ -0,0 +1,4 @@
+import { DropdownSelect as r } from "./DropdownSelect.js";
+export {
+  r as DropdownSelect
+};

package/dist/components/Input/Input.js

@@ -5,16 +5,16 @@ import W from "../IconButton/IconButton.js";
 import { Indicator as X } from "../Indicator/Indicator.js";
 import { clsx as $ } from "../../utils/clsx.js";
 import { getValue as q } from "../../utils/getValue.js";
-const H = "cfxui__Input__root__6392b", J = "cfxui__Input__input__07830", L = "cfxui__Input__small__c1513", O = "cfxui__Input__large__92d72", P = "cfxui__Input__placeholderIcon__4d079", Q = "cfxui__Input__empty__3b36a", U = "cfxui__Input__decorator__3b81f", Y = "cfxui__Input__onlight__7d0b7", e = {
+const H = "cfxui__Input__root__6392b", J = "cfxui__Input__input__07830", L = "cfxui__Input__small__c1513", O = "cfxui__Input__large__92d72", P = "cfxui__Input__placeholderIcon__4d079", Q = "cfxui__Input__onlight__7d0b7", U = "cfxui__Input__empty__3b36a", Y = "cfxui__Input__decorator__3b81f", e = {
   root: H,
   input: J,
   small: L,
   large: O,
   placeholderIcon: P,
+  onlight: Q,
   "full-width": "cfxui__Input__full-width__587b3",
-  empty: Q,
-  decorator: U,
-  onlight: Y,
+  empty: U,
+  decorator: Y,
   "backdrop-blur": "cfxui__Input__backdrop-blur__6922f"
 };
 function Z(b) {

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { IconSize } from '../Icon';
 import { InputSize } from '../Input';
 
 export interface SelectOption<T> {
@@ -15,4 +16,5 @@ export interface SelectProps<T = string> {
     size?: InputSize;
     fullWidth?: boolean;
 }
+export declare const ICON_SIZE_MAP: Record<InputSize, IconSize>;
 export declare const Select: React.ForwardRefExoticComponent<SelectProps<string> & React.RefAttributes<unknown>>;