playbook_ui 13.11.1 → 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/docs/_textarea_default_swift.md

@@ -0,0 +1,27 @@
+![textarea-default](https://github.com/powerhome/playbook/assets/92755007/40eec958-63d7-4840-bf5c-f8d1e34c911a)
+
+```swift
+
+@State var defaultText = ""
+@State var placeholderText = ""
+@State var customText = "Default value text"
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBTextArea(
+    "Label",
+    text: $defaultText
+  )
+
+  PBTextArea(
+    "Label",
+    text: $placeholderText,
+    placeholder: "Placeholder with text"
+  )
+
+  PBTextArea(
+    "Label",
+    text: $customText
+  )
+}
+
+```

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error_swift.md

@@ -0,0 +1,11 @@
+![textarea-error](https://github.com/powerhome/playbook/assets/92755007/6d47a914-ea0b-4fbc-9f2a-6237935a3b4c)
+
+```swift
+
+PBTextArea(
+  "Label",
+  text: $errorText,
+  error: "This field has an error!"
+)
+
+```

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_props_swift.md

@@ -0,0 +1,9 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **characterCount** | `CharacterCount` | Adds a character counter to the Textarea | `.noCount` | `.noCount` `.count` `.maxCharacterCount` `.maxCharacterCountBlock` `.maxCharacterCountError` |
+| **inline** | `Bool` | Changes the style of the Textarea | `false` | `true` `false` |
+| **label** | `String` | Adds a label | `nil` |  |
+| **placeholder** | `String` | Adds placeholder text | `nil` |  |
+| **text** | `String` | Sets the Textarea's text value | `Binding<String>` |  |
+| **error** | `String` | Changes the style of the Textarea | `nil` |  |

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

@@ -15,3 +15,8 @@ examples:
   - textarea_error: Textarea w/ Error
   - textarea_character_counter: Character Counter
   - textarea_inline: Inline
+
+  swift:
+  - textarea_default_swift: Default
+  - textarea_error_swift: Textarea w/ Error
+  - textarea_props_swift: ""

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;