prometeo-design-system 2.5.1 → 2.5.2

package/dist/SegmentedButton.es.js

@@ -3,7 +3,7 @@ import { c as s } from "./cn-B6yFEsav.js";
 import z, { useState as M, useMemo as C, useEffect as L } from "react";
 import { motion as E } from "framer-motion";
 const X = (T) => {
-  const [c, _] = M({}), { size: t = "medium", color: R = "default", options: l, value: p, name: x, onChange: j, icon: y, allowExpand: n = !1, disabled: d = !1 } = T, m = Math.max(l.findIndex((e) => e.value === p), 0), w = l.length, N = 9, b = 26, o = {
+  const [c, _] = M({}), { size: t = "medium", color: R = "default", options: l, value: h, name: x, onChange: j, icon: y, allowExpand: n = !1, disabled: d = !1 } = T, m = Math.max(l.findIndex((e) => e.value === h), 0), w = l.length, N = 9, b = 26, o = {
     small: 120,
     medium: 120,
     large: 120
@@ -17,36 +17,36 @@ const X = (T) => {
     large: { container: "p-6" }
   }, f = {
     default: {
-      switch: "bg-primary-medium-default text-neutral-weak-default ",
+      switch: "bg-primary-medium-default text-neutral-weak-default",
       container: "border-neutral-default-default",
       icon: "text-neutral-weak-default",
-      option: "text-neutral-medium-default"
+      option: "text-neutral-medium-pressed"
     },
     success: {
       switch: "bg-success-medium-default text-neutral-weak-default",
       container: "border-neutral-default-default",
       icon: "text-neutral-weak-default",
-      option: "text-neutral-medium-default"
+      option: "text-neutral-medium-pressed"
     },
     danger: {
       switch: "bg-error-medium-default text-neutral-weak-default",
       container: "border-neutral-default-default",
       icon: "text-neutral-weak-default",
-      option: "text-neutral-medium-default"
+      option: "text-neutral-medium-pressed"
     },
     warning: {
       switch: "bg-warning-medium-default text-neutral-weak-default",
       container: "border-neutral-default-default",
       icon: "text-neutral-weak-default",
-      option: "text-neutral-medium-default"
+      option: "text-neutral-medium-pressed"
     },
     disabled: {
       switch: "bg-primary-medium-disabled text-neutral-strong-disabled",
       container: "border-neutral-default-disabled",
       icon: "text-neutral-strong-disabled",
-      option: "text-neutral-strong-disabled"
+      option: "text-neutral-medium-pressed"
     }
-  }, I = l.find((e) => e.value === p) ?? l[0], g = I.label.length * N + k * 2 + b, W = () => C(() => Object.values(c).reduce((i, r) => i + r, 0) + b, [c]), v = {
+  }, I = l.find((e) => e.value === h) ?? l[0], g = I.label.length * N + k * 2 + b, W = () => C(() => Object.values(c).reduce((i, r) => i + r, 0) + b, [c]), v = {
     small: n ? W() : (w - 1) * a.small + o.small,
     medium: n ? W() : (w - 1) * a.medium + o.medium,
     large: n ? W() : (w - 1) * a.large + o.large
@@ -62,7 +62,7 @@ const X = (T) => {
     if (d) return;
     const e = m === l.length - 1 ? l[0] : l[m + 1];
     j?.(x, e.value);
-  }, h = d ? "disabled" : R;
+  }, p = d ? "disabled" : R;
   return /* @__PURE__ */ u.jsxs(
     "button",
     {
@@ -75,8 +75,8 @@ const X = (T) => {
       },
       className: s(
         S[t].container,
-        f[h].container,
-        "border-[1px]",
+        f[p].container,
+        "border",
         !d && "cursor-pointer",
         "relative"
       ),
@@ -98,7 +98,7 @@ const X = (T) => {
             className: s(
               "absolute top-0 left-0 h-full rounded-[6px] z-30",
               "flex items-center justify-center gap-[2px] p-4",
-              f[h].switch
+              f[p].switch
             ),
             onClick: () => {
               !d && D();
@@ -106,7 +106,7 @@ const X = (T) => {
             children: [
               y && z.cloneElement(y, { className: s(
                 "w-6 h-6 text-neutral-weak-default min-w-6 min-h-6",
-                f[h].icon
+                f[p].icon
               ) }),
               /* @__PURE__ */ u.jsx(
                 "p",
@@ -114,7 +114,7 @@ const X = (T) => {
                   className: s(
                     "prometeo-fonts-label-large ",
                     " overflow-hidden overflow-ellipsis text-nowrap select-none ",
-                    f[h].switch
+                    f[p].switch
                   ),
                   children: I.label
                 }
@@ -130,7 +130,7 @@ const X = (T) => {
               "flex justify-center"
             ),
             children: l?.map((e, i) => {
-              const r = e.value === (p || l[0].value), A = n ? c[i] + b : o[t], P = n ? c[i] : a[t], O = r ? A : P;
+              const r = e.value === (h || l[0].value), A = n ? c[i] + b : o[t], P = n ? c[i] : a[t], O = r ? A : P;
               return /* @__PURE__ */ u.jsx(
                 E.span,
                 {
@@ -164,7 +164,7 @@ const X = (T) => {
                       },
                       className: s(
                         "px-3 place-content-center overflow-hidden text-ellipsis text-wrap prometeo-fonts-label-large  h-full select-none",
-                        f[h].option
+                        f[p].option
                       ),
                       children: e.label
                     }

package/dist/components/FAB/FAButton.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ColorVariant, ButtonVariant } from '../Shared/types';
+import { IconComponent } from '../../Icons/Icons';
+export interface FAButtonProps {
+    icon?: IconComponent;
+    label?: string;
+    attachToParent?: boolean;
+    position?: {
+        left?: number | string;
+        top?: number | string;
+        right?: number | string;
+        bottom?: number | string;
+    };
+    color?: ColorVariant;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    className?: string;
+    onClick: () => void;
+}
+declare const FAButton: React.MemoExoticComponent<(props: FAButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export default FAButton;

package/dist/components/OtpInput/OtpInput.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface OtpInputProps {
     value?: string;
-    onChange?: (value: string) => void;
+    onChange?: (value: string, name?: string) => void;
     onComplete?: (value: string) => void;
     onBlur?: () => void;
     maxLength?: number;
@@ -23,5 +23,8 @@ export interface OtpInputProps {
     name?: string;
     variant?: 'default' | 'error' | 'success';
 }
-declare const OtpInputComponent: ({ value, name, onChange, onComplete, onBlur, maxLength, placeholder, disabled, className, autoFocus, pasteTransformer, errorComponent, hasError, helperComponent, helperAlignment, slotClassName, variant, hideSlotsMiddleSeparator }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const OtpInputComponent: {
+    ({ value, name, onChange, onComplete, onBlur, maxLength, placeholder, disabled, className, autoFocus, pasteTransformer, errorComponent, hasError, helperComponent, helperAlignment, slotClassName, variant, hideSlotsMiddleSeparator }: OtpInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default OtpInputComponent;

package/dist/exports/FAButton.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/FAB/FAButton';

package/dist/index.d.ts

@@ -37,6 +37,7 @@ export { default as Toast } from './components/Toaster/Toaster';
 export { default as ToastProvider } from './components/Toaster/ToastProvider';
 export { toastpyrion } from './components/Toaster/Toaster';
 export { default as SelectSearch } from './components/SelectSearch/SelectSearch';
+export { default as FAButton } from './components/FAB/FAButton';
 export * from './components/Sidebar';
 export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
 export { Badge } from './components/Sidebar/components/badge';
@@ -99,4 +100,5 @@ export type { CustomSelectionDisplayProps } from './components/Select/Select';
 export type { CustomSelectOptionRendererProps } from './components/Select/Select';
 export type { SelectOptionType } from './components/Select/Select';
 export type { SelectSearchProps } from './components/SelectSearch/SelectSearch';
+export type { FAButtonProps } from './components/FAB/FAButton';
 export { Icons } from './Icons/Icons';

package/dist/pages/ButtonsPage.d.ts

@@ -0,0 +1,2 @@
+declare const ButtonsPage: () => import("react/jsx-runtime").JSX.Element;
+export default ButtonsPage;

package/dist/pages/OtpPage.d.ts

@@ -0,0 +1,2 @@
+declare const OtpPage: () => import("react/jsx-runtime").JSX.Element;
+export default OtpPage;

package/dist/preview/FABPreview.d.ts

@@ -0,0 +1,2 @@
+declare const FABPreview: () => import("react/jsx-runtime").JSX.Element;
+export default FABPreview;

package/dist/preview/OTPPreview.d.ts

@@ -0,0 +1,2 @@
+declare const OTPPreview: () => import("react/jsx-runtime").JSX.Element;
+export default OTPPreview;

package/dist/preview/SegmentedButtonPreview.d.ts

@@ -0,0 +1,2 @@
+declare const SegmentedButtonPreview: () => import("react/jsx-runtime").JSX.Element;
+export default SegmentedButtonPreview;