@nattstack/ui 0.0.35 → 0.0.36

package/dist/components/index.d.ts

@@ -126,21 +126,21 @@ declare const LABEL_CLASS_NAME: {
   readonly BASE: string;
 };
 //#endregion
-//#region src/components/otp/otp.d.ts
-interface OtpProps extends Omit<OTPFieldPreview.Root.Props, "disabled"> {
+//#region src/components/passcode/passcode.d.ts
+interface PasscodeProps extends Omit<OTPFieldPreview.Root.Props, "disabled"> {
   isDisabled?: OTPFieldPreview.Root.Props["disabled"];
 }
-declare function Otp(props: OtpProps): JSX.Element;
-declare const OTP_CLASS_NAME: {
+declare function Passcode(props: PasscodeProps): JSX.Element;
+declare const PASSCODE_CLASS_NAME: {
   readonly BASE: string;
 };
 //#endregion
-//#region src/components/otp/otp-input.d.ts
-interface OtpInputProps extends Omit<OTPFieldPreview.Input.Props, "disabled"> {
+//#region src/components/passcode/passcode-input.d.ts
+interface PasscodeInputProps extends Omit<OTPFieldPreview.Input.Props, "disabled"> {
   isDisabled?: OTPFieldPreview.Input.Props["disabled"];
 }
-declare function OtpInput(props: OtpInputProps): JSX.Element;
-declare const OTP_INPUT_CLASS_NAME: {
+declare function PasscodeInput(props: PasscodeInputProps): JSX.Element;
+declare const PASSCODE_INPUT_CLASS_NAME: {
   readonly BASE: string;
 };
 //#endregion
@@ -293,4 +293,4 @@ declare function TooltipProvider(props: TooltipProviderProps): JSX.Element;
 interface TooltipTriggerProps extends Tooltip$1.Trigger.Props {}
 declare function TooltipTrigger(props: TooltipTriggerProps): JSX.Element;
 //#endregion
-export { BUTTON_CLASS_NAME, Button, ButtonIconProps, ButtonLink, ButtonLinkProps, ButtonProps, COLUMN_CLASS_NAME, Column, ColumnProps, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, INPUT_CLASS_NAME, Input, InputProps, LABEL_CLASS_NAME, Label, LabelProps, OTP_CLASS_NAME, OTP_INPUT_CLASS_NAME, Otp, OtpInput, ROW_CLASS_NAME, Row, RowProps, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, SpacerProps, Switch, SwitchProps, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps };
+export { BUTTON_CLASS_NAME, Button, ButtonIconProps, ButtonLink, ButtonLinkProps, ButtonProps, COLUMN_CLASS_NAME, Column, ColumnProps, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, INPUT_CLASS_NAME, Input, InputProps, LABEL_CLASS_NAME, Label, LabelProps, PASSCODE_CLASS_NAME, PASSCODE_INPUT_CLASS_NAME, Passcode, PasscodeInput, ROW_CLASS_NAME, Row, RowProps, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, SpacerProps, Switch, SwitchProps, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps };

package/dist/components/index.js

@@ -316,14 +316,14 @@ function Label(props) {
 }
 const LABEL_CLASS_NAME = { BASE: label_module_default.label };
 //#endregion
-//#region src/components/otp/otp.module.css
-var otp_module_default = { "otp": "otp-module_otp_GDMgwa" };
+//#region src/components/passcode/passcode.module.css
+var passcode_module_default = { "passcode": "passcode-module_passcode_7_gTQW" };
 //#endregion
-//#region src/components/otp/otp.tsx
-function Otp(props) {
+//#region src/components/passcode/passcode.tsx
+function Passcode(props) {
 	const { className: customClassName = "", isDisabled = false, ...rest } = props;
 	const combinedClassName = normalizeWhitespace(`
-    ${OTP_CLASS_NAME.BASE}
+    ${PASSCODE_CLASS_NAME.BASE}
     ${customClassName}
   `);
 	return /* @__PURE__ */ jsx(OTPFieldPreview.Root, {
@@ -332,16 +332,16 @@ function Otp(props) {
 		...rest
 	});
 }
-const OTP_CLASS_NAME = { BASE: otp_module_default.otp };
+const PASSCODE_CLASS_NAME = { BASE: passcode_module_default.passcode };
 //#endregion
-//#region src/components/otp/otp-input.module.css
-var otp_input_module_default = { "otp_input": "otp-input-module_otp_input_-VweWG" };
+//#region src/components/passcode/passcode-input.module.css
+var passcode_input_module_default = { "passcode_input": "passcode-input-module_passcode_input_CHGhjq" };
 //#endregion
-//#region src/components/otp/otp-input.tsx
-function OtpInput(props) {
+//#region src/components/passcode/passcode-input.tsx
+function PasscodeInput(props) {
 	const { className: customClassName = "", isDisabled = false, ...rest } = props;
 	const combinedClassName = normalizeWhitespace(`
-    ${OTP_INPUT_CLASS_NAME.BASE}
+    ${PASSCODE_INPUT_CLASS_NAME.BASE}
     ${customClassName}
   `);
 	return /* @__PURE__ */ jsx(OTPFieldPreview.Input, {
@@ -350,7 +350,7 @@ function OtpInput(props) {
 		...rest
 	});
 }
-const OTP_INPUT_CLASS_NAME = { BASE: otp_input_module_default.otp_input };
+const PASSCODE_INPUT_CLASS_NAME = { BASE: passcode_input_module_default.passcode_input };
 //#endregion
 //#region src/components/row/row.module.css
 var row_module_default = { "row": "row-module_row_sYCFIW" };
@@ -739,4 +739,4 @@ function TooltipTrigger(props) {
 	});
 }
 //#endregion
-export { BUTTON_CLASS_NAME, Button, ButtonLink, COLUMN_CLASS_NAME, Column, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, INPUT_CLASS_NAME, Input, LABEL_CLASS_NAME, Label, OTP_CLASS_NAME, OTP_INPUT_CLASS_NAME, Otp, OtpInput, ROW_CLASS_NAME, Row, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, Switch, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { BUTTON_CLASS_NAME, Button, ButtonLink, COLUMN_CLASS_NAME, Column, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, INPUT_CLASS_NAME, Input, LABEL_CLASS_NAME, Label, PASSCODE_CLASS_NAME, PASSCODE_INPUT_CLASS_NAME, Passcode, PasscodeInput, ROW_CLASS_NAME, Row, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, Switch, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/style.css

@@ -434,17 +434,18 @@
   width: fit-content;
   font-size: 14px;
 }
-.otp-module_otp_GDMgwa {
+.passcode-module_passcode_7_gTQW {
   flex-wrap: wrap;
   justify-content: center;
   gap: 8px;
   width: fit-content;
   display: flex;
 }
-.otp-input-module_otp_input_-VweWG {
+.passcode-input-module_passcode_input_CHGhjq {
   background-color: var(--color-bg-primary);
   box-shadow: 0 0 0 1px var(--color-border) inset;
   color: var(--color-text-primary);
+  font-family: var(--font-body);
   outline-color: var(--color-outline);
   outline-offset: -2px;
   text-align: center;
@@ -453,21 +454,22 @@
   outline-style: solid;
   width: 40px;
   height: 48px;
-  font-size: 14px;
+  font-size: 16px;
+  font-weight: 500;
   transition-property: box-shadow;
   transition-duration: .15s;
 }
 
-.otp-input-module_otp_input_-VweWG:enabled:hover {
+.passcode-input-module_passcode_input_CHGhjq:enabled:hover {
   --color-border: var(--color-gray-6);
 }
 
-.otp-input-module_otp_input_-VweWG:disabled {
+.passcode-input-module_passcode_input_CHGhjq:disabled {
   cursor: not-allowed;
   opacity: .5;
 }
 
-.otp-input-module_otp_input_-VweWG:focus-visible {
+.passcode-input-module_passcode_input_CHGhjq:focus-visible {
   outline-width: 2px;
 }
 .row-module_row_sYCFIW {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",