@ecohouse/ui 0.1.28 → 0.1.30

package/src/components/VerificationCodeInput/VerificationCodeInput.utils.ts

@@ -0,0 +1,34 @@
+export function normalizeVerificationCode(value: string, length: number): string {
+  return value.replace(/\D/g, "").slice(0, Math.max(1, length));
+}
+
+export interface VerificationCodeUpdate {
+  code: string;
+  nextFocus: number;
+}
+
+export function updateVerificationCode(
+  currentCode: string,
+  index: number,
+  input: string,
+  length: number,
+): VerificationCodeUpdate {
+  const safeLength = Math.max(1, length);
+  const safeIndex = Math.min(Math.max(0, index), safeLength - 1);
+  const current = normalizeVerificationCode(currentCode, safeLength);
+  const insertedDigits = normalizeVerificationCode(input, safeLength - safeIndex);
+
+  if (!insertedDigits) {
+    return {
+      code: `${current.slice(0, safeIndex)}${current.slice(safeIndex + 1)}`,
+      nextFocus: safeIndex,
+    };
+  }
+
+  return {
+    code: `${current.slice(0, safeIndex)}${insertedDigits}${current.slice(
+      safeIndex + insertedDigits.length,
+    )}`.slice(0, safeLength),
+    nextFocus: Math.min(safeIndex + insertedDigits.length, safeLength - 1),
+  };
+}

package/src/components/VerificationCodeInput/index.ts

@@ -0,0 +1,5 @@
+export { VerificationCodeInput } from "./VerificationCodeInput";
+export type {
+  VerificationCodeInputHandle,
+  VerificationCodeInputProps,
+} from "./VerificationCodeInput";

package/src/components/index.ts

@@ -1,6 +1,9 @@
 export { Avatar } from "./Avatar";
 export type { AvatarProps, AvatarMenuItem } from "./Avatar";
 
+export { AvatarSimple } from "./AvatarSimple";
+export type { AvatarSimpleProps } from "./AvatarSimple";
+
 export { Badge } from "./Badge";
 export type { BadgeProps, BadgeVariant } from "./Badge";
 
@@ -10,6 +13,9 @@ export type { CounterProps } from "./Counter";
 export { SegmentedToggle } from "./SegmentedToggle";
 export type { SegmentedToggleOption, SegmentedToggleProps } from "./SegmentedToggle";
 
+export { Sidebar } from "./Sidebar";
+export type { SidebarProps, SidebarItem, SidebarUser } from "./Sidebar";
+
 export { LanguageSwitcher, defaultLanguageOptions } from "./LanguageSwitcher";
 export type { LanguageOption, LanguageSwitcherProps } from "./LanguageSwitcher";
 
@@ -34,6 +40,12 @@ export type {
 export { Input } from "./Input";
 export type { InputIcon, InputProps, InputSize } from "./Input";
 
+export { VerificationCodeInput } from "./VerificationCodeInput";
+export type {
+  VerificationCodeInputHandle,
+  VerificationCodeInputProps,
+} from "./VerificationCodeInput";
+
 export { Select } from "./Select";
 export type {
   SelectIcon,

package/src/icons/LogOut/logOutPath.ts

@@ -1,3 +1,3 @@
 /** LogOut icon path — 16×16 viewBox. */
 export const LOG_OUT_PATH =
-  "M10.6667 4.66667L14 8L10.6667 11.3333M14 8H6M8 11.3333C8 11.5304 8 11.6289 7.99268 11.7143C7.91655 12.6013 7.26324 13.3312 6.39002 13.5049C6.30602 13.5216 6.20801 13.5324 6.01223 13.5542L5.3313 13.6299C4.30832 13.7435 3.7968 13.8004 3.39044 13.6703C2.84862 13.4969 2.40628 13.101 2.17412 12.5817C2 12.1921 2 11.6775 2 10.6482V5.3518C2 4.32251 2 3.80787 2.17412 3.41835C2.40628 2.89899 2.84862 2.50307 3.39044 2.32969C3.79681 2.19965 4.3083 2.25648 5.33129 2.37015L6.01223 2.44581C6.20808 2.46757 6.306 2.47845 6.39002 2.49515C7.26324 2.66877 7.91655 3.39869 7.99268 4.28574C8 4.37109 8 4.46962 8 4.66667";
+  "M10.6667 4.66667L14 8L10.6667 11.3333M14 8H6M6 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.7157 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2V10.8C2 11.9201 2 12.4802 2.21799 12.908C2.40973 13.2843 2.71569 13.5903 3.09202 13.782C3.51984 14 4.0799 14 5.2 14H6";

package/src/index.ts

@@ -1,8 +1,10 @@
 export {
   Avatar,
+  AvatarSimple,
   Badge,
   Counter,
   SegmentedToggle,
+  Sidebar,
   LanguageSwitcher,
   defaultLanguageOptions,
   StatCard,
@@ -10,6 +12,7 @@ export {
   Checkbox,
   DatePicker,
   Input,
+  VerificationCodeInput,
   Select,
   Textarea,
   Toggle,
@@ -20,11 +23,15 @@ export {
 export type {
   AvatarProps,
   AvatarMenuItem,
+  AvatarSimpleProps,
   BadgeProps,
   BadgeVariant,
   CounterProps,
   SegmentedToggleOption,
   SegmentedToggleProps,
+  SidebarProps,
+  SidebarItem,
+  SidebarUser,
   LanguageOption,
   LanguageSwitcherProps,
   StatCardProps,
@@ -41,6 +48,8 @@ export type {
   InputIcon,
   InputProps,
   InputSize,
+  VerificationCodeInputHandle,
+  VerificationCodeInputProps,
   SelectIcon,
   SelectOption,
   SelectProps,