playbook_ui 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

data/app/pb_kits/playbook/pb_textarea/_textarea.d.ts

@@ -0,0 +1,380 @@
+import React from 'react';
+import type { InputCallback } from '../types';
+declare const _default: React.ForwardRefExoticComponent<(Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    characterCount?: string;
+    className?: string;
+    children?: React.ReactChild[];
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: string;
+    id?: string;
+    inline?: boolean;
+    object?: string;
+    method?: string;
+    label?: string;
+    maxCharacters?: string;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    required?: boolean;
+    rows?: number;
+    resize: "none" | "auto" | "horizontal" | "vertical" | "both";
+    onChange?: InputCallback<HTMLTextAreaElement>;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: never;
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
+} & {
+    cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & {
+    display?: import("../types").DisplayType;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    maxWidth?: import("../types").Sizes;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "hidden" | "visible";
+    overflowY?: "auto" | "scroll" | "hidden" | "visible";
+    overflow?: "auto" | "scroll" | "hidden" | "visible";
+} & {
+    paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
+} & {
+    zIndex?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    characterCount?: string;
+    className?: string;
+    children?: React.ReactChild[];
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: string;
+    id?: string;
+    inline?: boolean;
+    object?: string;
+    method?: string;
+    label?: string;
+    maxCharacters?: string;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    required?: boolean;
+    rows?: number;
+    resize: "none" | "auto" | "horizontal" | "vertical" | "both";
+    onChange?: InputCallback<HTMLTextAreaElement>;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: never;
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
+} & {
+    cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & {
+    display?: import("../types").DisplayType;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    maxWidth?: import("../types").Sizes;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "hidden" | "visible";
+    overflowY?: "auto" | "scroll" | "hidden" | "visible";
+    overflow?: "auto" | "scroll" | "hidden" | "visible";
+} & {
+    paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
+} & {
+    [key: string]: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    characterCount?: string;
+    className?: string;
+    children?: React.ReactChild[];
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: string;
+    id?: string;
+    inline?: boolean;
+    object?: string;
+    method?: string;
+    label?: string;
+    maxCharacters?: string;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    required?: boolean;
+    rows?: number;
+    resize: "none" | "auto" | "horizontal" | "vertical" | "both";
+    onChange?: InputCallback<HTMLTextAreaElement>;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: never;
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
+} & {
+    cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    maxWidth?: import("../types").Sizes;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "hidden" | "visible";
+    overflowY?: "auto" | "scroll" | "hidden" | "visible";
+    overflow?: "auto" | "scroll" | "hidden" | "visible";
+} & {
+    paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
+} & {
+    zIndex?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+}, string | number> | Pick<{
+    aria?: {
+        [key: string]: string;
+    };
+    characterCount?: string;
+    className?: string;
+    children?: React.ReactChild[];
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: string;
+    id?: string;
+    inline?: boolean;
+    object?: string;
+    method?: string;
+    label?: string;
+    maxCharacters?: string;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    required?: boolean;
+    rows?: number;
+    resize: "none" | "auto" | "horizontal" | "vertical" | "both";
+    onChange?: InputCallback<HTMLTextAreaElement>;
+} & {
+    alignContent?: never;
+} & {
+    alignItems?: never;
+} & {
+    alignSelf?: never;
+} & {
+    borderRadius?: "md" | "lg" | "sm" | "xl" | "xs" | "none" | "rounded";
+} & {
+    cursor?: "none" | "progress" | "text" | "auto" | "default" | "pointer" | "alias" | "cell" | "copy" | "crosshair" | "grab" | "grabbing" | "help" | "move" | "wait" | "contextMenu" | "verticalText" | "noDrop" | "notAllowed" | "eResize" | "nResize" | "neResize" | "nwResize" | "sResize" | "seResize" | "swResize" | "wResize" | "ewResize" | "nsResize" | "neswResize" | "nwseResize" | "colResize" | "rowResize" | "allScroll" | "zoomIn" | "zoomOut";
+} & {
+    dark?: boolean;
+} & import("../types").DisplaySizes & {
+    flex?: "none" | "auto" | "initial" | "1" | "2" | "3" | "4" | "5" | "0" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+} & {
+    flexDirection?: "column" | "row" | "rowReverse" | "columnReverse";
+} & {
+    flexGrow?: 0 | 1;
+} & {
+    flexShrink?: 0 | 1;
+} & {
+    flexWrap?: "wrap" | "nowrap" | "wrapReverse";
+} & {
+    justifyContent?: never;
+} & {
+    justifySelf?: never;
+} & {
+    lineHeight?: "loosest" | "looser" | "loose" | "normal" | "tight" | "tighter" | "tightest";
+} & {
+    marginRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    marginY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    margin?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    maxWidth?: import("../types").Sizes;
+} & {
+    numberSpacing?: "tabular";
+} & {
+    order?: 2 | "none" | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "first" | 11 | 12;
+} & {
+    overflowX?: "auto" | "scroll" | "hidden" | "visible";
+    overflowY?: "auto" | "scroll" | "hidden" | "visible";
+    overflow?: "auto" | "scroll" | "hidden" | "visible";
+} & {
+    paddingRight?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingLeft?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingTop?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingBottom?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingX?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    paddingY?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    padding?: "none" | "auto" | "initial" | "inherit" | import("../types").Sizes;
+    break?: string;
+    default?: string;
+} & {
+    position?: "fixed" | "relative" | "absolute" | "sticky" | "static";
+} & {
+    shadow?: "none" | "deep" | "deeper" | "deepest";
+} & {
+    textAlign?: "center" | "left" | "right" | "start" | "end" | "justify" | "justifyAll" | "matchParent";
+} & {
+    [key: string]: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+} & {
+    hover?: string;
+}, string | number>) & React.RefAttributes<unknown>>;
+export default _default;

data/app/pb_kits/playbook/pb_textarea/index.d.ts

@@ -0,0 +1,10 @@
+import PbEnhancedElement from '../pb_enhanced_element';
+export default class PbTextarea extends PbEnhancedElement {
+    style: {
+        [key: string]: string;
+    };
+    scrollHeight: string;
+    static get selector(): string;
+    onInput(): void;
+    connect(): void;
+}

data/app/pb_kits/playbook/pb_time/_time.d.ts

@@ -0,0 +1,16 @@
+import { GlobalProps } from "../utilities/globalProps";
+declare type TimeProps = {
+    align?: "left" | "center" | "right";
+    className?: string | string[];
+    data?: string;
+    date: Date;
+    dark?: boolean;
+    id?: string;
+    showIcon?: boolean;
+    size?: "md" | "sm";
+    showTimezone?: boolean;
+    timeZone?: string;
+    unstyled?: boolean;
+} & GlobalProps;
+declare const Time: (props: TimeProps) => JSX.Element;
+export default Time;

data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.d.ts

@@ -0,0 +1,20 @@
+import { GlobalProps } from '../utilities/globalProps';
+declare type TimeRangeInlineProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    id?: string;
+    data?: {
+        [key: string]: string;
+    };
+    alignment?: "left" | "center" | "vertical";
+    size?: "sm" | "xs";
+    dark?: boolean;
+    icon?: boolean;
+    timezone?: boolean;
+    startTime: Date;
+    endTime: Date;
+} & GlobalProps;
+declare const TimeRangeInline: (props: TimeRangeInlineProps) => JSX.Element;
+export default TimeRangeInline;

data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare type TimeStackedProps = {
+    align?: 'left' | 'center' | 'right';
+    className?: string | string[];
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    date?: Date;
+    id?: string;
+    time?: number | Date;
+    timeZone?: string;
+};
+declare const TimeStackedDefault: (props: TimeStackedProps) => React.ReactElement;
+export default TimeStackedDefault;

data/app/pb_kits/playbook/pb_timeline/_item.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type ItemProps = {
+    className?: string;
+    children?: React.ReactNode[] | React.ReactNode;
+    date?: Date;
+    icon?: string;
+    iconColor?: 'default' | 'royal' | 'blue' | 'purple' | 'teal' | 'red' | 'yellow' | 'green';
+    lineStyle?: 'solid' | 'dotted';
+};
+declare const TimelineItem: ({ className, children, date, icon, iconColor, lineStyle, }: ItemProps) => JSX.Element;
+export default TimelineItem;

data/app/pb_kits/playbook/pb_timeline/_timeline.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+declare type TimelineProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    orientation?: string;
+    showDate?: boolean;
+};
+declare const Timeline: {
+    ({ aria, className, children, data, id, orientation, showDate, }: TimelineProps): JSX.Element;
+    Item: ({ className, children, date, icon, iconColor, lineStyle, }: {
+        className?: string;
+        children?: React.ReactNode | React.ReactNode[];
+        date?: Date;
+        icon?: string;
+        iconColor?: "default" | "yellow" | "red" | "green" | "royal" | "blue" | "purple" | "teal";
+        lineStyle?: "dotted" | "solid";
+    }) => JSX.Element;
+};
+export default Timeline;

data/app/pb_kits/playbook/pb_timestamp/_timestamp.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+declare type TimestampProps = {
+    align?: "left" | "center" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string | string[];
+    dark?: boolean;
+    data?: string;
+    text: string;
+    timestamp: Date | string;
+    timezone: string;
+    id?: string;
+    showDate?: boolean;
+    showUser?: boolean;
+    hideUpdated?: boolean;
+    showTimezone?: boolean;
+    unstyled?: boolean;
+    variant?: "default" | "elapsed" | "updated";
+};
+declare const Timestamp: (props: TimestampProps) => React.ReactElement;
+export default Timestamp;

data/app/pb_kits/playbook/pb_title/_title.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type SizeType = 1 | 2 | 3 | 4 | "1" | "2" | "3" | "4";
+declare type SizeResponsiveType = {
+    [key: string]: SizeType;
+};
+declare type TitleProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    bold?: boolean;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    color?: "default" | "light" | "lighter" | "success" | "error" | "link";
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    size?: SizeType | SizeResponsiveType;
+    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "span";
+    text?: string;
+    truncate?: null | "1" | "2" | "3" | "4" | "5";
+    variant?: null | "link";
+} & GlobalProps;
+declare const Title: (props: TitleProps) => React.ReactElement;
+export default Title;

data/app/pb_kits/playbook/pb_title_count/_title_count.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare type TitleCountProps = {
+    align: "center" | "left" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    count?: number;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    title?: string;
+    size?: "lg" | "sm";
+};
+declare const TitleCount: (props: TitleCountProps) => React.ReactElement;
+export default TitleCount;

data/app/pb_kits/playbook/pb_title_detail/_title_detail.d.ts

@@ -0,0 +1,16 @@
+import { GlobalProps } from '../utilities/globalProps';
+declare type TitleDetailProps = {
+    align?: "left" | "center" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    detail: string;
+    id?: string;
+    title: string;
+} & GlobalProps;
+declare const TitleDetail: (props: TitleDetailProps) => JSX.Element;
+export default TitleDetail;

data/app/pb_kits/playbook/pb_toggle/_toggle.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { InputCallback } from '../types';
+import { GlobalProps } from '../utilities/globalProps';
+declare type Props = {
+    aria?: {
+        [key: string]: string;
+    };
+    checked?: boolean;
+    children?: React.ReactNode | React.ReactNode[];
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    name?: string;
+    onChange?: InputCallback<HTMLInputElement>;
+    size?: "sm" | "md";
+    value?: string;
+} & GlobalProps;
+declare const Toggle: ({ aria, checked, children, className, data, id, name, onChange, size, value, ...props }: Props) => JSX.Element;
+export default Toggle;

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md

@@ -0,0 +1,11 @@
+![toggle-default](https://github.com/powerhome/playbook/assets/92755007/bd99bd01-d577-4455-b1f9-a88b637e8a60)
+
+
+```swift
+
+VStack(spacing: Spacing.small) {
+  PBToggle(checked: true)
+  PBToggle(checked: false)
+}
+
+```

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md

@@ -0,0 +1,10 @@
+![toggle-name](https://github.com/powerhome/playbook/assets/92755007/e45a575c-ab14-4181-a5e8-eb8d1f57ab4d)
+
+```swift
+
+VStack(spacing: Spacing.small) {
+  PBToggle(label: "car", checked: false)
+  PBToggle(label: "bike", checked: false)
+}
+
+```

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_props_swift.md

@@ -0,0 +1,6 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **isHovering** | `Bool` | Changes the style of the Toggle | `false` | `true` `false` |
+| **label** | `String` | Adds a label to the Toggle | `nil` |  |
+| **checked** | `Bool` | Changes the style of the Toggle |  | `true` `false` |

data/app/pb_kits/playbook/pb_toggle/docs/example.yml

@@ -13,3 +13,7 @@ examples:
   - toggle_custom: Custom checkbox input
   - toggle_custom_radio: Custom radio inputs
 
+  swift:
+    - toggle_default_swift: Default State
+    - toggle_name_swift: Name and Value
+    - toggle_props_swift: ""