@selfdecode/sd-component-library 2.42.40 → 2.42.41

package/lib/c801ade937bddadb73cb5b241c151ab6.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 27 27"
+>
+  <g >
+    <path
+      d="M391,292.419H368a2.089,2.089,0,1,0,0,4.178h23a2.089,2.089,0,0,0,0-4.178Z"
+      transform="translate(-365.884 -271.09)"
+    />
+    <circle cx="3.758" cy="3.758" r="3.758" transform="translate(19.728 0.06)" />
+    <circle cx="3.758" cy="3.758" r="3.758" />
+  </g>
+</svg>

package/lib/components/animations/up-down-arrow/up-down-arrow.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { UpDownArrowProps } from "./interfaces";
 export declare function UpDownArrow(props: UpDownArrowProps): JSX.Element;

package/lib/components/bicolor-badge/interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BicolorBadgeProps {
     /**
      * Color of the left section

package/lib/components/checkboxes/checkbox/checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from "./interfaces";
 /**
  * Base checkbox component. Other checkbox components should be built from this.

package/lib/components/complex/footer/partials/footer-link/footer-link.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FooterLinkProps } from "./interfaces";
 export declare function FooterLink(props: FooterLinkProps): JSX.Element;

package/lib/components/complex/footer/partials/footer-section/footer-section.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FooterSectionProps } from "./interfaces";
 export declare function FooterSection(props: FooterSectionProps): JSX.Element;

package/lib/components/complex/footer/partials/footer-social/footer-social.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function FooterSocial(): JSX.Element;

package/lib/components/complex/footer/presentational/footer-presentational.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FooterPresentationalProps } from "./interfaces";
 export declare function FooterPresentational(props: FooterPresentationalProps): JSX.Element;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/menu-row/menu-row.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { MenuRowProps } from "./interfaces";
 export declare function MenuRow(props: MenuRowProps): JSX.Element;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/new-apps/new-apps.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { NewAppsItemProps } from "./interfaces";
 export declare function NewAppsItem(props: NewAppsItemProps): JSX.Element;

package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/menu-box/menu-box.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { MenuBoxProps } from "./interfaces";
 export declare function MenuBox(props: MenuBoxProps): JSX.Element;

package/lib/components/complex/navbar/presentational/navbar-presentational.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavbarProps } from "./interfaces";
 /**
  * Renders either navbar-v1 or navbar-v2, depeding on the v2 prop

package/lib/components/containers/max-width-container/max-width-container.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { MaxWidthContainerProps } from "./interfaces";
 export declare const MaxWidthContainer: (props: MaxWidthContainerProps) => JSX.Element;

package/lib/components/containers/section-container/section-container.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SectionContainerProps } from "./interfaces";
 /**
  * The SectionContainer has responsive behavior

package/lib/components/feature-explanation/feature-explanation.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FeatureExplanationProps } from "./interfaces";
 export declare const FeatureExplanation: (props: FeatureExplanationProps) => JSX.Element;

package/lib/components/inputs/search-input/partials/search-box/search-box.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SearchBoxProps } from "./interfaces";
 export declare const SearchBox: (props: SearchBoxProps) => JSX.Element;

package/lib/components/labels/base-label/base-label.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BaseLabelProps } from "./interfaces";
 export declare const BaseLabel: (props: BaseLabelProps) => JSX.Element;

package/lib/components/meters/outline-meter/partials/base-meter-label-box/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { OutlineMeterLabelBoxProps } from "../outline-meter-label-box/interfaces";
 import { OutlineMeterLabelPosition } from "../../interfaces";
-export interface BaseMeterLabelBoxProps extends Required<Omit<OutlineMeterLabelBoxProps, "value" | "start" | "end" | "idx" | "totalRanges">> {
+export interface BaseMeterLabelBoxProps extends Required<Omit<OutlineMeterLabelBoxProps, "value" | "start" | "end" | "idx" | "totalRanges" | "bounds">> {
     /**
      * Whether value is in the range to which label corresponds.
      */

package/lib/components/meters/outline-meter/partials/outline-meter-label-box/interfaces.d.ts

@@ -1,4 +1,4 @@
 import { OutlineMeterRangeProps } from "../outline-meter-range/interfaces";
-export interface OutlineMeterLabelBoxProps extends Required<Pick<OutlineMeterRangeProps, "diameter" | "label" | "color" | "idx" | "value" | "start" | "end" | "totalRanges">> {
+export interface OutlineMeterLabelBoxProps extends Required<Pick<OutlineMeterRangeProps, "diameter" | "label" | "color" | "idx" | "value" | "start" | "end" | "totalRanges" | "bounds">> {
     distanceFromLabelToRanges: number;
 }

package/lib/components/meters/outline-meter/partials/outline-meter-range/interfaces.d.ts

@@ -1,7 +1,8 @@
 import { OutlineMeterLabelPosition, OutlineMeterProps, OutlineMeterRangeConfig } from "../../interfaces";
 import { OutlineMeterLabelPointerProps } from "../outline-meter-label-pointer/interfaces";
-export interface OutlineMeterRangeProps extends Required<Pick<OutlineMeterProps, "value" | "arc" | "distanceBetweenRanges" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth" | "hideLabels" | "counterClockWise">>, OutlineMeterRangeConfig, Pick<OutlineMeterLabelPointerProps, "distanceFromRanges"> {
+export interface OutlineMeterRangeProps extends Required<Pick<OutlineMeterProps, "value" | "arc" | "distanceBetweenRanges" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth" | "hideLabels">>, OutlineMeterRangeConfig, Pick<OutlineMeterLabelPointerProps, "distanceFromRanges"> {
     segmented?: boolean;
+    connected?: boolean;
     /**
      * Meter diameter.
      */

package/lib/components/meters/outline-meter/utils.d.ts

@@ -23,5 +23,6 @@ export declare const getInnerX: (x: number, alpha: number, delta: number) => num
  * @param delta Distance between points
  */
 export declare const getInnerY: (y: number, alpha: number, delta: number) => number;
-export declare const isValueInRange: (value: number, start: number, end: number, bounds: Bounds, ccw?: boolean | undefined) => boolean;
+export declare const isValueInRange: (value: number, start: number, end: number, bounds: Bounds) => boolean;
+export declare const inValueHigherThanRange: (value: number, end: number, bounds: Bounds) => boolean;
 export declare const flipBounds: (bounds: Bounds) => Bounds;

package/lib/components/meters/smiley-meter-v2/assets/index.d.ts

@@ -1,2 +1,3 @@
 export { ReactComponent as HappySmileyIcon } from "./happy-smiley.svg";
 export { ReactComponent as SadSmileyIcon } from "./sad-smiley.svg";
+export { ReactComponent as NeutralSmileyIcon } from "./neutral-smiley.svg";

package/lib/components/meters/smiley-meter-v2/assets/neutral-smiley.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 27 27"
+>
+  <g >
+    <path
+      d="M391,292.419H368a2.089,2.089,0,1,0,0,4.178h23a2.089,2.089,0,0,0,0-4.178Z"
+      transform="translate(-365.884 -271.09)"
+    />
+    <circle cx="3.758" cy="3.758" r="3.758" transform="translate(19.728 0.06)" />
+    <circle cx="3.758" cy="3.758" r="3.758" />
+  </g>
+</svg>

package/lib/components/meters/smiley-meter-v2/interfaces.d.ts

@@ -3,11 +3,11 @@ export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "h
     /**
      * Colors for smiley corresponding to state.
      */
-    colorsMap?: [string, string];
+    colorsMap?: [string, string, string];
     /**
      * Colors for labels.
      */
-    labelsMap?: [string, string];
+    labelsMap?: [string, string, string];
     /**
      * Whether to hide labels.
      */
@@ -15,7 +15,7 @@ export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "h
     /**
      * Value that splits smiley meter outline.
      */
-    splitValue?: number;
+    splitValues?: [number, number];
     /**
      * Smiley width.
      */

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/interfaces.d.ts

@@ -2,5 +2,4 @@ import { OutlineMeterRangeConfig } from "../../../outline-meter";
 import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
 export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels"> {
     ranges: OutlineMeterRangeConfig[];
-    counterClockWise: boolean;
 }

package/lib/components/radio-button/radio-button.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { RadioButtonProps } from "./interfaces";
 export declare const RadioButton: (props: RadioButtonProps) => JSX.Element;

package/lib/components/ratings/five-stars-rating/five-stars-rating.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FiveStarsRatingProps } from "./interfaces";
 export declare const FiveStarsRating: (props: FiveStarsRatingProps) => JSX.Element;

package/lib/components/selectors/compact-primary-selector/compact-primary-selector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CompactPrimarySelectorProps as Props } from "./interfaces";
 export declare const CompactPrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin">) => JSX.Element;

package/lib/components/selectors/primary-selector/primary-selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PrimarySelectorProps as Props } from "./interfaces";
 /**
  * The PrimarySelector.

package/lib/components/selectors/secondary-selector/secondary-selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SecondarySelectorProps as Props } from "./interfaces";
 /**
  * The SecondarySelector.

package/lib/components/selectors/secondary-selector-v2/index.d.ts

@@ -0,0 +1 @@
+export { SecondarySelectorV2 } from "./secondary-selector-v2";

package/lib/components/selectors/secondary-selector-v2/interfaces.d.ts

@@ -0,0 +1,2 @@
+import { SelectorV2Props } from "../selector-v2";
+export declare type SecondarySelectorV2Props = Omit<SelectorV2Props, "variant" | "labelContainerAlignItems">;

package/lib/components/selectors/secondary-selector-v2/secondary-selector-v2.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SecondarySelectorV2Props as Props } from "./interfaces";
+export declare const SecondarySelectorV2: React.FC<Props>;

package/lib/components/selectors/selector/interfaces.d.ts

@@ -17,7 +17,7 @@ export declare type SelectorProps<T extends string = string> = BaseComponentProp
     /**
      * this is the width of the component
      */
-    width?: Array<string>;
+    width?: string | string[];
     /**
      * this is the name prop which we use as a form of an id for this selector. It needs to be unique, given more name based form components in the same app.
      */
@@ -40,7 +40,7 @@ export declare type SelectorProps<T extends string = string> = BaseComponentProp
      * this is an optional amount of spacing between the
      * selectorLabel and the selectInput. Default value: ["20px"]
      */
-    gap?: string[];
+    gap?: string | string[];
     /**
      * text to be shown inside the selector when no options are provided
      * Default value: 'No options'

package/lib/components/selectors/selector/selector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SelectorProps as Props } from "./interfaces";
 export declare const Selector: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/selector-v2/interfaces.d.ts

@@ -24,4 +24,8 @@ export interface SelectorV2Props<T extends string = string> extends Omit<Selecto
      * List of available selector's options.
      */
     options: SelectorOptionV2<T>[];
+    /**
+     * How to align items in label container.
+     */
+    labelContainerAlignItems?: string;
 }

package/lib/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BaseSelectorV2Props as Props } from "./interfaces";
 export declare const BaseSelectorV2: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/selector-v2/partials/base-selector-v2/interfaces.d.ts

@@ -18,4 +18,8 @@ export interface BaseSelectorV2Props<T extends string = string> extends Omit<Sel
      * List of available selector's options.
      */
     options: SelectorOptionV2<T | null>[];
+    /**
+     * How to align items in label container.
+     */
+    labelContainerAlignItems?: string;
 }

package/lib/components/selectors/selector-v2/selector-v2.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SelectorV2Props as Props } from "./interfaces";
 export declare const SelectorV2: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/tertiary-selector/tertiary-selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TertiarySelectorProps as Props } from "./interfaces";
 /**
  * The TertiarySelector.

package/lib/components/slider/partials/step-circles/step-circles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { StepCirclesProps } from "./interfaces";
 export declare const StepCircles: (props: StepCirclesProps) => JSX.Element;

package/lib/components/slider/slider.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SliderProps } from "./interfaces";
 export declare const Slider: (props: SliderProps) => JSX.Element;

package/lib/components/tabs/tab-bar/partials/tab/tab.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { TabProps } from "./interfaces";
-export declare const Ribbon: ({ active, activeColor }: {
+export declare const Ribbon: ({ active, activeColor, color, }: {
     active?: boolean | undefined;
     activeColor?: string | undefined;
+    color?: string | undefined;
 }) => JSX.Element;
 export declare function Tab<T>({ width, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, elementId, }: TabProps<T>): JSX.Element;

package/lib/components/tabs/tab-bar/tab-bar.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TabBarProps } from "./interfaces";
 export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, }: TabBarProps<T>): JSX.Element;

package/lib/components/tabs/tabbed-view/tabbed-view.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TabbedViewProps } from "./interfaces";
 export declare function TabbedView({ tabs, color, activeColor, contentPadding, tabPadding, }: TabbedViewProps): JSX.Element;

package/lib/components/tabs/tabs-menu/tabs-menu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TabsMenuProps } from "./interfaces";
 /**
  * TabsMenu component.

package/lib/components/texts/base-text/base-text.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BaseTextProps } from "./interfaces";
 export declare const BaseText: (props: BaseTextProps) => JSX.Element;

package/lib/components/texts/eighteen-bold/eighteen-bold.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { EighteenBoldProps } from "./interfaces";
 export declare const EighteenBold: (props: EighteenBoldProps) => JSX.Element;

package/lib/components/texts/eighteen-regular/eighteen-regular.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { EighteenRegularProps } from "./interfaces";
 export declare const EighteenRegular: (props: EighteenRegularProps) => JSX.Element;

package/lib/components/texts/fifty-five-sb/fifty-five-sb.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FiftyFiveSbProps } from "./interfaces";
 export declare const FiftyFiveSb: (props: FiftyFiveSbProps) => JSX.Element;

package/lib/components/texts/fourteen-regular/fourteen-regular.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FourteenRegularProps } from "./interfaces";
 export declare const FourteenRegular: (props: FourteenRegularProps) => JSX.Element;

package/lib/components/texts/fourteen-sb/fourteen-sb.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FourteenSbProps } from "./interfaces";
 export declare const FourteenSb: (props: FourteenSbProps) => JSX.Element;

package/lib/components/texts/fourty-bold/fourty-bold.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FourtyBoldProps } from "./interfaces";
 export declare const FourtyBold: (props: FourtyBoldProps) => JSX.Element;

package/lib/components/texts/sixteen-regular/sixteen-regular.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SixteenRegularProps } from "./interfaces";
 export declare const SixteenRegular: (props: SixteenRegularProps) => JSX.Element;

package/lib/components/texts/ten-sb/ten-sb.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TenSbProps } from "./interfaces";
 export declare const TenSb: (props: TenSbProps) => JSX.Element;

package/lib/components/texts/thirteen-bold/thirteen-bold.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ThirteenBoldProps } from "./interfaces";
 export declare const ThirteenBold: (props: ThirteenBoldProps) => JSX.Element;

package/lib/components/texts/thirteen-regular/thirteen-regular.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ThirteenRegularProps } from "./interfaces";
 export declare const ThirteenRegular: (props: ThirteenRegularProps) => JSX.Element;

package/lib/components/texts/thirteen-sb/thirteen-sb.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ThirteenSbProps } from "./interfaces";
 export declare const ThirteenSb: (props: ThirteenSbProps) => JSX.Element;

package/lib/components/texts/thirty-two-bold/thirty-two-bold.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ThirtyTwoBoldProps } from "./interfaces";
 export declare const ThirtyTwoBold: (props: ThirtyTwoBoldProps) => JSX.Element;

package/lib/components/texts/thirty-two-regular/thirty-two-regular.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ThirtyTwoRegularProps } from "./interfaces";
 export declare const ThirtyTwoRegular: (props: ThirtyTwoRegularProps) => JSX.Element;

package/lib/components/texts/twelve-regular/twelve-regular.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TwelveRegularProps } from "./interfaces";
 export declare const TwelveRegular: (props: TwelveRegularProps) => JSX.Element;

package/lib/components/texts/twelve-sb/twelve-sb.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TwelveSbProps } from "./interfaces";
 export declare const TwelveSb: (props: TwelveSbProps) => JSX.Element;

package/lib/components/texts/twenty-four-bold/twenty-four-bold.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TwentyFourBoldProps } from "./interfaces";
 export declare const TwentyFourBold: (props: TwentyFourBoldProps) => JSX.Element;

package/lib/components/texts/twenty-four-regular/twenty-four-regular.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TwentyFourRegularProps } from "./interfaces";
 export declare const TwentyFourRegular: (props: TwentyFourRegularProps) => JSX.Element;

package/lib/components/utils/scroll-to-top/scroll-to-top.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ScrollToTopProps } from "./interfaces";
 export declare const ScrollToTop: (props: ScrollToTopProps) => JSX.Element;

package/lib/components/utils/scroll-to-top-on-mount/scroll-to-top-on-mount.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ScrollToTopOnMount: () => JSX.Element;

package/lib/core/theme.d.ts

@@ -53,6 +53,11 @@ declare const _default: {
                     gridTemplateColumns: string;
                     alignItems: string;
                 };
+                secondaryV2: {
+                    display: string;
+                    gridTemplateColumns: string;
+                    alignItems: string;
+                };
             };
         };
         _dropdowns: {
@@ -299,6 +304,11 @@ declare const _default: {
                     color: string;
                     fontSize: string[];
                 };
+                secondaryV2: {
+                    fontFamily: string;
+                    color: string;
+                    fontSize: string;
+                };
             };
             iconButton: {
                 marginRight: string;
@@ -402,6 +412,27 @@ declare const _default: {
                     transform: string;
                 };
             };
+            secondaryV2: {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                letterSpacing: number;
+                color: string;
+                outline: string;
+                border: string;
+                borderRadius: number;
+                borderBottomColor: string;
+                borderBottomStyle: string;
+                borderBottomWidth: number;
+                pb: string;
+                pl: number;
+                pt: number;
+                pr: string;
+                "& + svg": {
+                    fill: string;
+                    transform: string;
+                };
+            };
         };
     };
     text: {

package/lib/index.d.ts

@@ -133,6 +133,7 @@ export { CustomSelector } from "./components/selectors/custom-selector";
 export { SelectorV2 } from "./components/selectors/selector-v2";
 export type { SelectorV2Props, SelectorOptionV2, } from "./components/selectors/selector-v2";
 export { TertiarySelectorV2 } from "./components/selectors/tertiary-selector-v2";
+export { SecondarySelectorV2 } from "./components/selectors/secondary-selector-v2";
 export { Slider } from "./components/slider";
 export declare type SlideSettings = SlideSettingsType;
 export { TextSwitch } from "./components/switches/text-switch";