playbook_ui 13.11.1 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

data/app/pb_kits/playbook/pb_filter/Filter/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FilterSingleProps } from './FilterSingle';
+import { FilterDoubleProps } from './FilterDouble';
+declare type FilterProps = FilterSingleProps | (FilterDoubleProps & {
+    double?: boolean;
+});
+declare const Filter: ({ double, ...templateProps }: FilterProps) => React.ReactElement;
+export default Filter;

data/app/pb_kits/playbook/pb_filter/_filter.d.ts

@@ -0,0 +1 @@
+export { default } from './Filter';

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+declare type FixedConfirmationToastProps = {
+    autoClose?: number;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    closeable?: boolean;
+    data?: string;
+    horizontal?: "right" | "left" | "center";
+    id?: string;
+    multiLine?: boolean;
+    onClose?: () => void;
+    open?: boolean;
+    status?: "success" | "error" | "neutral" | "tip";
+    text?: string;
+    vertical?: "top" | "bottom";
+};
+declare const FixedConfirmationToast: (props: FixedConfirmationToastProps) => JSX.Element;
+export default FixedConfirmationToast;

data/app/pb_kits/playbook/pb_flex/_flex.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+import { Sizes } from '../types';
+declare type FlexProps = {
+    children: React.ReactChild[] | React.ReactNode;
+    className?: string;
+    data?: object;
+    horizontal?: "left" | "center" | "right" | "stretch" | "none";
+    justify?: "start" | "center" | "end" | "around" | "between" | "evenly" | "none";
+    id?: string;
+    inline?: boolean;
+    orientation?: "row" | "column";
+    spacing?: "around" | "between" | "evenly" | "none";
+    reverse?: boolean;
+    vertical?: "top" | "center" | "bottom" | "stretch" | "baseline" | "none";
+    align?: "start" | "center" | "end" | "stretch" | "baseline" | "none";
+    gap?: Sizes | "none";
+    rowGap?: Sizes | "none";
+    columnGap?: Sizes | "none";
+    wrap?: boolean;
+    alignSelf?: "start" | "end" | "center" | "stretch" | "none";
+} & GlobalProps;
+declare const Flex: (props: FlexProps) => JSX.Element;
+export default Flex;

data/app/pb_kits/playbook/pb_flex/_flex_item.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type FlexItemPropTypes = {
+    children: React.ReactNode[] | React.ReactNode;
+    fixedSize?: string;
+    grow?: boolean;
+    shrink?: boolean;
+    className?: string;
+    order?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'first' | 'none';
+    alignSelf?: "start" | "end" | "center" | "stretch" | null;
+    displayFlex?: boolean;
+} & GlobalProps;
+declare const FlexItem: (props: FlexItemPropTypes) => React.ReactElement;
+export default FlexItem;

data/app/pb_kits/playbook/pb_form_group/_form_group.d.ts

@@ -0,0 +1,12 @@
+declare type FormGroupProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children?: Node;
+    className?: string;
+    data?: object;
+    fullWidth?: boolean;
+    id?: string;
+};
+declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+export default FormGroup;

data/app/pb_kits/playbook/pb_form_pill/_form_pill.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type FormPillProps = {
+    className?: string;
+    id?: string;
+    text: string;
+    name?: string;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+    avatar?: boolean;
+    avatarUrl?: string;
+    size?: string;
+    textTransform?: 'none' | 'lowercase';
+    closeProps?: {
+        onClick?: React.MouseEventHandler<HTMLSpanElement>;
+        onMouseDown?: React.MouseEventHandler<HTMLSpanElement>;
+        onTouchEnd?: React.TouchEventHandler<HTMLSpanElement>;
+    };
+} & GlobalProps;
+declare const FormPill: (props: FormPillProps) => JSX.Element;
+export default FormPill;

data/app/pb_kits/playbook/pb_gauge/_gauge.d.ts

@@ -0,0 +1,31 @@
+declare type GaugeProps = {
+    aria: {
+        [key: string]: string;
+    };
+    className?: string;
+    chartData?: {
+        name: string;
+        value: number[] | number;
+    }[];
+    dark?: Boolean;
+    data?: {
+        [key: string]: string;
+    };
+    disableAnimation?: boolean;
+    fullCircle?: boolean;
+    height?: string;
+    id?: string;
+    max?: number;
+    min?: number;
+    prefix?: string;
+    showLabels?: boolean;
+    style?: string;
+    suffix?: string;
+    title?: string;
+    tooltipHtml?: string;
+    colors: string[];
+    minorTickInterval: any;
+    circumference: number[];
+};
+declare const Gauge: ({ aria, className, chartData, dark, data, disableAnimation, fullCircle, height, id, max, min, prefix, showLabels, style, suffix, title, tooltipHtml, colors, minorTickInterval, circumference, ...props }: GaugeProps) => JSX.Element;
+export default Gauge;

data/app/pb_kits/playbook/pb_hashtag/_hashtag.d.ts

@@ -0,0 +1,17 @@
+import { GlobalProps } from '../utilities/globalProps';
+declare type HashtagProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: string;
+    id?: string;
+    newWindow?: boolean;
+    rel?: string;
+    text?: string;
+    type: "default" | "home" | "project" | "appointment";
+    url?: string;
+} & GlobalProps;
+declare const Hashtag: (props: HashtagProps) => JSX.Element;
+export default Hashtag;

data/app/pb_kits/playbook/pb_highlight/_highlight.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type HighlightProps = {
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    children?: React.ReactChild[] | React.ReactChild | string;
+    text?: string;
+    highlightedText?: string[];
+} & GlobalProps;
+declare const Highlight: (props: HighlightProps) => React.ReactElement;
+export default Highlight;

data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.d.ts

@@ -0,0 +1,23 @@
+declare type HomeAddressStreetProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    address: string;
+    addressCont: string;
+    city: string;
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    dark?: boolean;
+    emphasis: "street" | "city";
+    homeId: string;
+    houseStyle: string;
+    homeUrl: string;
+    newWindow: boolean;
+    state: string;
+    zipcode: string;
+    territory: string;
+};
+declare const HomeAddressStreet: (props: HomeAddressStreetProps) => JSX.Element;
+export default HomeAddressStreet;

data/app/pb_kits/playbook/pb_icon/_icon.d.ts

@@ -0,0 +1,29 @@
+import { GlobalProps } from '../utilities/globalProps';
+export declare type IconSizes = "lg" | "xs" | "sm" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x" | "";
+declare type IconProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    border?: string;
+    className?: string;
+    customIcon?: {
+        [key: string]: SVGElement;
+    };
+    data?: {
+        [key: string]: string;
+    };
+    fixedWidth?: boolean;
+    flip?: "horizontal" | "vertical" | "both" | "none";
+    icon: string;
+    id?: string;
+    inverse?: boolean;
+    listItem?: boolean;
+    pull?: "left" | "right" | "none";
+    pulse?: boolean;
+    rotation?: 90 | 180 | 270;
+    size?: IconSizes;
+    fontStyle?: 'far' | 'fas' | 'fab' | 'fak';
+    spin?: boolean;
+} & GlobalProps;
+declare const Icon: (props: IconProps) => JSX.Element;
+export default Icon;

data/app/pb_kits/playbook/pb_icon/docs/_icon_border_swift.md

@@ -0,0 +1,7 @@
+![card-border](https://github.com/powerhome/playbook/assets/92755007/442640c8-1b4f-455d-8517-5ca5cd120664)
+
+```swift
+
+PBIcon(FontAwesome.user, border: true)
+
+```

data/app/pb_kits/playbook/pb_icon/docs/_icon_default_swift.md

@@ -0,0 +1,7 @@
+![card-default](https://github.com/powerhome/playbook/assets/92755007/8c7e5454-1d42-4d13-9107-ffc5773a136a)
+
+```swift
+
+PBIcon.fontAwesome(.user, size: .x1)
+
+```

data/app/pb_kits/playbook/pb_icon/docs/_icon_flip_swift.md

@@ -0,0 +1,11 @@
+![icon-flipped](https://github.com/powerhome/playbook/assets/92755007/2776fb83-942d-4a38-9dff-9dcb73940dfe)
+
+```swift
+
+ HStack(spacing: Spacing.xSmall) {
+  PBIcon(FontAwesome.questionCircle, flipped: [.horizontal])
+  PBIcon(FontAwesome.questionCircle, flipped: [.vertical])
+  PBIcon(FontAwesome.questionCircle, flipped: [.horizontal, .vertical])
+}
+
+```

data/app/pb_kits/playbook/pb_icon/docs/_icon_props_swift.md

@@ -0,0 +1,8 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **Icon** | `PlaybookGenericIcon` | Sets the kit's Icon |  |  |
+| **Size** | `IconSize` | Changes the size of the Icon | `.x1` | `xSmall` `small` `large` `x1` `x2` `x3` `x4` `x5` `x6` `x7` `x8` `x9` `x10` |
+| **Rotation** | `IconRotation` | Rotates the Icon | `.zero` | `.zero` `.right` `.straight` `.obtuse` |
+| **Border** | `Bool` | Adds a border | `false` | `true` `false` |
+| **Flipped** | `[Axis]` | Flips the Icon | `nil` | `[.horizontal]` `[.vertical]` `[.horizontal, .vertical]` |

data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate_swift.md

@@ -0,0 +1,11 @@
+![icon-rotate](https://github.com/powerhome/playbook/assets/92755007/29a6c127-a8a0-4dd9-a8cb-6401f772f11e)
+
+```swift
+
+HStack(spacing: Spacing.xSmall) {
+  PBIcon(FontAwesome.user, rotation: .right)
+  PBIcon(FontAwesome.user, rotation: .zero)
+  PBIcon(FontAwesome.user, rotation: .obtuse) 
+}
+
+```

data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes_swift.md

@@ -0,0 +1,46 @@
+![icon-size](https://github.com/powerhome/playbook/assets/92755007/b3aa3933-56b1-4fe4-bb8b-00d786abb23a)
+
+```swift
+
+HStack(spacing: Spacing.xSmall) {
+  PBIcon.fontAwesome(.atlas, size: .xSmall)
+  Text("xSmall")
+
+  PBIcon.fontAwesome(.atlas, size: .small)
+  Text("small")
+
+  PBIcon.fontAwesome(.atlas, size: .large)
+  Text("large")
+
+  PBIcon.fontAwesome(.atlas, size: .x1)
+  Text("x1")
+
+  PBIcon.fontAwesome(.atlas, size: .x2)
+  Text("x2")
+
+  PBIcon.fontAwesome(.atlas, size: .x3)
+  Text("x3")
+
+  PBIcon.fontAwesome(.atlas, size: .x4)
+  Text("x4")
+
+  PBIcon.fontAwesome(.atlas, size: .x5)
+  Text("x5")
+
+  PBIcon.fontAwesome(.atlas, size: .x6)
+  Text("x6")
+  
+  PBIcon.fontAwesome(.atlas, size: .x7)
+  Text("x7")
+
+  PBIcon.fontAwesome(.atlas, size: .x8)
+  Text("x8")
+
+  PBIcon.fontAwesome(.atlas, size: .x9)
+  Text("x9")
+
+  PBIcon.fontAwesome(.atlas, size: .x10)
+  Text("x10")
+}
+
+``` 

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

@@ -20,3 +20,11 @@ examples:
   - icon_sizes: Icon Sizes
   - icon_custom: Icon Custom
   - icon_fa_kit: Icon with FontAwesome Kit
+
+  swift:
+  - icon_default_swift: Icon Default
+  - icon_rotate_swift: Icon Rotate
+  - icon_flip_swift: Icon Flip
+  - icon_border_swift: Icon Border
+  - icon_sizes_swift: Icon Sizes
+  - icon_props_swift: Props

data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.d.ts

@@ -0,0 +1,16 @@
+declare type IconCircleProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    icon: string;
+    id?: string;
+    size?: "base" | "xs" | "sm" | "md" | "lg" | "xl";
+    variant?: "default" | "royal" | "blue" | "purple" | "teal" | "red" | "yellow" | "orange" | "green";
+};
+declare const IconCircle: (props: IconCircleProps) => JSX.Element;
+export default IconCircle;

data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.d.ts

@@ -0,0 +1,18 @@
+declare type IconStatValueProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: object;
+    dark?: boolean;
+    icon: string;
+    id?: string;
+    orientation?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
+    text?: string;
+    unit?: string;
+    value: number;
+    variant?: "default" | "royal" | "blue" | "purple" | "teal" | "red" | "yellow" | "orange" | "green";
+};
+declare const IconStatValue: (props: IconStatValueProps) => JSX.Element;
+export default IconStatValue;

data/app/pb_kits/playbook/pb_icon_value/_icon_value.d.ts

@@ -0,0 +1,14 @@
+declare type IconValueProps = {
+    align?: "left" | "center" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: object;
+    icon: string;
+    id?: string;
+    text: string;
+};
+declare const IconValue: (props: IconValueProps) => JSX.Element;
+export default IconValue;

data/app/pb_kits/playbook/pb_image/_image.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type ImageType = {
+    alt?: string;
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    onError?: () => void;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    rounded?: boolean;
+    transition?: "blur" | "fade" | "scale";
+    url?: string;
+} & GlobalProps;
+declare const Image: (props: ImageType) => React.ReactElement;
+export default Image;

data/app/pb_kits/playbook/pb_image/docs/_image_props_swift.md

@@ -0,0 +1,7 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **Image** | `Image` | Sets the Image |  |  |
+| **Place Holder** | `Image` | sets the placeholder Image | `nil` |  |
+| **Size** | `Size` | Changes the size of the Image | `nil` | `.xSmall` `.small` `.medium` `.large` `.xLarge` |
+| **Rounded** | `ImageCornerRadius` | Adds rounded corners to the Image | `.sharp` | `.rounded` `.sharp` |

data/app/pb_kits/playbook/pb_image/docs/_rounded_image_swift.md

@@ -0,0 +1,47 @@
+![image-rounded](https://github.com/powerhome/playbook/assets/92755007/ee2cff73-2702-4a09-b654-f151bbdf90f2)
+
+```swift
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  Text("xSmall").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .xSmall,
+    rounded: .rounded
+  )
+
+  Text("small").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .small,
+    rounded: .rounded
+  )
+
+  Text("medium").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .medium,
+    rounded: .rounded
+  )
+
+  Text("large").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .large,
+    rounded: .rounded
+  )
+
+  Text("xLarge").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .xLarge,
+    rounded: .rounded
+  )
+}
+
+```

data/app/pb_kits/playbook/pb_image/docs/_size_image_swift.md

@@ -0,0 +1,47 @@
+![image-size](https://github.com/powerhome/playbook/assets/92755007/261600b9-b49c-4f5b-8c80-9ecc65dc424a)
+
+```swift
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  Text("xSmall").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .xSmall,
+    rounded: .sharp
+  )
+
+  Text("small").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .small,
+    rounded: .sharp
+  )
+
+  Text("medium").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .medium,
+    rounded: .sharp
+  )
+
+  Text("large").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .large,
+    rounded: .sharp
+  )
+
+  Text("xLarge").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .xLarge,
+    rounded: .sharp
+  )
+}
+
+```

data/app/pb_kits/playbook/pb_image/docs/_size_none_image_swift.md

@@ -0,0 +1,15 @@
+![image-size-none](https://github.com/powerhome/playbook/assets/92755007/442ff028-028a-4ccb-9733-d408d32966d6)
+
+```swift
+
+VStack(alignment: .leading) {
+  Text("None").pbFont(.detail(true), color: .text(.default))
+  PBImage(
+    image: nil,
+    placeholder: Image("Forest", bundle: .module),
+    size: .none,
+    rounded: .sharp
+  )
+}
+
+```

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

@@ -9,3 +9,8 @@ examples:
   - rounded_image: Rounded
   - custom_error_image: Error Handling
   - transition_image: Transition
+  swift:
+  - size_image_swift: Size
+  - size_none_image_swift: Size None
+  - rounded_image_swift: Rounded
+  - image_props_swift: ""

data/app/pb_kits/playbook/pb_kit/dateTime.d.ts

@@ -0,0 +1,67 @@
+export declare const toMinute: (newDate: Date | string, timeZone?: string) => string;
+export declare const toHour: (newDate: Date | string, timeZone?: string) => string;
+export declare const toDay: (newDate: Date | string, timeZone?: string) => number;
+export declare const toDayAbbr: (newDate: Date | string) => string;
+export declare const toWeekday: (newDate: Date | string) => string;
+export declare const toMonth: (newDate: Date | string, timeZone?: string) => string;
+export declare const toMonthNum: (newDate: Date | string) => number;
+export declare const toYear: (newDate: Date | string, timeZone?: string) => number;
+export declare const toTime: (newDate: Date | string, timeZone?: string) => string;
+export declare const toMeridiem: (newDate: Date | string, timeZone?: string) => string;
+export declare const toTimeZone: (newDate: Date | string, timeZone?: string) => string;
+export declare const toTimeWithMeridiem: (newDate: Date | string, timeZone: string) => string;
+export declare const toIso: (newDate: Date | string) => string;
+export declare const fromNow: (newDate: Date | string) => string;
+export declare const toCustomFormat: (newDate: Date | string, format?: string) => string;
+export declare const getYesterdayDate: (newDate: Date | string) => Date;
+export declare const getFirstDayOfWeek: (newDate: Date | string) => Date;
+export declare const getLastDayOfWeek: (newDate: Date | string) => Date;
+export declare const getPreviousWeekStartDate: (newDate: Date | string) => Date;
+export declare const getPreviousWeekEndDate: (newDate: Date | string) => Date;
+export declare const getMonthStartDate: (newDate: Date | string) => Date;
+export declare const getMonthEndDate: (newDate: Date | string) => Date;
+export declare const getPreviousMonthStartDate: (newDate: Date | string) => Date;
+export declare const getPreviousMonthEndDate: (newDate: Date | string) => Date;
+export declare const getQuarterStartDate: (newDate: Date | string) => Date;
+export declare const getQuarterEndDate: (newDate: Date | string) => Date;
+export declare const getPreviousQuarterStartDate: (newDate: Date | string) => Date;
+export declare const getPreviousQuarterEndDate: (newDate: Date | string) => Date;
+export declare const getYearStartDate: (newDate: Date | string) => Date;
+export declare const getYearEndDate: (newDate: Date | string) => Date;
+export declare const getPreviousYearStartDate: (newDate: Date | string) => Date;
+export declare const getPreviousYearEndDate: (newDate: Date | string) => Date;
+declare const _default: {
+    toMinute: (newDate: string | Date, timeZone?: string) => string;
+    toHour: (newDate: string | Date, timeZone?: string) => string;
+    toDay: (newDate: string | Date, timeZone?: string) => number;
+    toDayAbbr: (newDate: string | Date) => string;
+    toWeekday: (newDate: string | Date) => string;
+    toMonth: (newDate: string | Date, timeZone?: string) => string;
+    toMonthNum: (newDate: string | Date) => number;
+    toYear: (newDate: string | Date, timeZone?: string) => number;
+    toTime: (newDate: string | Date, timeZone?: string) => string;
+    toMeridiem: (newDate: string | Date, timeZone?: string) => string;
+    toTimeZone: (newDate: string | Date, timeZone?: string) => string;
+    toTimeWithMeridiem: (newDate: string | Date, timeZone: string) => string;
+    toIso: (newDate: string | Date) => string;
+    fromNow: (newDate: string | Date) => string;
+    toCustomFormat: (newDate: string | Date, format?: string) => string;
+    getYesterdayDate: (newDate: string | Date) => Date;
+    getFirstDayOfWeek: (newDate: string | Date) => Date;
+    getLastDayOfWeek: (newDate: string | Date) => Date;
+    getPreviousWeekStartDate: (newDate: string | Date) => Date;
+    getPreviousWeekEndDate: (newDate: string | Date) => Date;
+    getMonthStartDate: (newDate: string | Date) => Date;
+    getMonthEndDate: (newDate: string | Date) => Date;
+    getPreviousMonthStartDate: (newDate: string | Date) => Date;
+    getPreviousMonthEndDate: (newDate: string | Date) => Date;
+    getQuarterStartDate: (newDate: string | Date) => Date;
+    getQuarterEndDate: (newDate: string | Date) => Date;
+    getPreviousQuarterStartDate: (newDate: string | Date) => Date;
+    getPreviousQuarterEndDate: (newDate: string | Date) => Date;
+    getYearStartDate: (newDate: string | Date) => Date;
+    getYearEndDate: (newDate: string | Date) => Date;
+    getPreviousYearStartDate: (newDate: string | Date) => Date;
+    getPreviousYearEndDate: (newDate: string | Date) => Date;
+};
+export default _default;

data/app/pb_kits/playbook/pb_label_pill/_label_pill.d.ts

@@ -0,0 +1,15 @@
+declare type LabelPillProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    label?: string;
+    pillValue?: string;
+    variant: "error" | "info" | "neutral" | "primary" | "success" | "warning";
+};
+declare const LabelPill: (props: LabelPillProps) => JSX.Element;
+export default LabelPill;

data/app/pb_kits/playbook/pb_label_value/_label_value.d.ts

@@ -0,0 +1,19 @@
+declare type LabelValueProps = {
+    active?: boolean;
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: object;
+    date?: Date;
+    id?: string;
+    label: string;
+    value?: string;
+    variant?: "default" | "details";
+    icon?: string;
+    description?: string;
+    title?: string;
+};
+declare const LabelValue: (props: LabelValueProps) => JSX.Element;
+export default LabelValue;

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default_swift.md

@@ -0,0 +1,11 @@
+![label-value-default](https://github.com/powerhome/playbook/assets/92755007/7a515a30-f1a1-4b08-a73a-6b13e6cff125)
+
+```swift
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBLabelValue("Role", "Administrator, Moderator")
+  PBLabelValue("Email", "anna.black@powerhrg.com")
+  PBLabelValue("Bio", longText)
+}
+
+```