@bikdotai/bik-component-library 0.0.36-beta.2 → 0.0.37

package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts

@@ -1,71 +0,0 @@
-import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type';
-import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
-export declare enum QueryBuilderType {
-    SEGMENT_FILTER = "SEGMENT_FILTER",
-    EVENT_FILTER = "EVENT_FILTER",
-    NO_EVENT_FILTER = "NO_EVENT_FILTER",
-    USER_PROPERTY_FILTER = "USER_PROPERTY_FILTER",
-    IG_TRIGGER = "IG_TRIGGER",
-    CTWA_TRIGGER = "CTWA_TRIGGER",
-    EVENTS_TRIGGER = "EVENTS_TRIGGER"
-}
-export declare enum QueryBuilderJoinOperators {
-    AND = "AND",
-    OR = "OR"
-}
-export declare enum QueryBuilderConnectorType {
-    'string' = "string",
-    'integer' = "integer",
-    'boolean' = "boolean",
-    'date' = "date",
-    'frequency' = "frequency",
-    'ig' = "ig"
-}
-export interface QueryBuilderConnector {
-    dataType: QueryBuilderConnectorType;
-    operator: CONNECTOR_OPERATORS;
-    value?: string[] | number[] | Date[] | string | number | Date;
-}
-export interface QueryBuilderProperty {
-    _id: string;
-    name?: string | number;
-    dataType?: QueryBuilderConnectorType;
-    operator?: CONNECTOR_OPERATORS;
-    value?: CONNECTOR_VALUE_TYPE;
-    /** UI Only */
-    _refresh?: boolean;
-    /** UI Only */
-    error: {
-        name?: string;
-        dataType?: string;
-        operator?: string;
-        value?: string;
-    };
-}
-export interface QueryBuilderMeta {
-    key: string;
-    value: string | QueryBuilderConnector;
-    /** UI Only */
-    refresh?: boolean;
-    /** UI Only */
-    error: {
-        key?: string;
-        value?: string | ConnectorError;
-    };
-}
-export interface BaseQueryBuilderNode {
-    _id: string;
-    type: QueryBuilderType;
-    isExclude?: boolean;
-    metas: QueryBuilderMeta[];
-    properties?: QueryBuilderProperty[];
-    PropertyOperator?: QueryBuilderJoinOperators;
-}
-export interface QueryBuilderRoot {
-    nodes: BaseQueryBuilderNode[];
-    operator?: QueryBuilderJoinOperators;
-}
-export type ConnectorError = {
-    operator: string;
-    value: string;
-};

package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js

@@ -1 +0,0 @@
-var E,R,T;!function(E){E.SEGMENT_FILTER="SEGMENT_FILTER",E.EVENT_FILTER="EVENT_FILTER",E.NO_EVENT_FILTER="NO_EVENT_FILTER",E.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",E.IG_TRIGGER="IG_TRIGGER",E.CTWA_TRIGGER="CTWA_TRIGGER",E.EVENTS_TRIGGER="EVENTS_TRIGGER"}(E||(E={})),function(E){E.AND="AND",E.OR="OR"}(R||(R={})),function(E){E.string="string",E.integer="integer",E.boolean="boolean",E.date="date",E.frequency="frequency",E.ig="ig"}(T||(T={}));export{T as QueryBuilderConnectorType,R as QueryBuilderJoinOperators,E as QueryBuilderType};

package/dist/esm/components/QueryBuilder/types/QueryBuilderAPI.type.d.ts

@@ -1,18 +0,0 @@
-import { QueryBuilderConnectorType } from './QueryBuilder.type';
-export interface BaseQueryBuilderPayload<T> {
-    query?: T;
-}
-export type QueryBuilderAPIPayload<T> = BaseQueryBuilderPayload<T> & {
-    storeID: string;
-    token: string;
-};
-export type QueryBuilderAPIData = {
-    id: string | number;
-    name: string;
-    description?: string | null;
-    type?: QueryBuilderConnectorType;
-    needValuesRetrieval?: boolean;
-};
-export type BaseQueryBuilderResponse = QueryBuilderAPIData[] | {
-    [key in string]: QueryBuilderAPIData[];
-};

package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts

@@ -1,39 +0,0 @@
-import { DropdownOption } from "../../dropdown/type";
-import { QueryBuilderConnectorType } from './QueryBuilder.type';
-import { QueryBuilderAPIData } from './QueryBuilderAPI.type';
-import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
-export type CONNECTOR_OPERATOR_TYPE = keyof CONNECTOR_OPERATORS;
-export type ExtraOption = QueryBuilderAPIData[] | DropdownOption | DropdownOption[];
-export type ConnectorComponentProps = {
-    val?: CONNECTOR_VALUE_TYPE;
-    onChange?: (val: CONNECTOR_VALUE_TYPE) => void;
-    extra?: {
-        options?: ExtraOption;
-    };
-    errors?: {
-        operator?: string;
-        val?: string | string[];
-    };
-    nativeID?: string;
-    isLoading?: boolean;
-    disabled?: boolean;
-};
-export type ConnectorProps = {
-    isLoading?: boolean;
-    noDefault?: boolean;
-    connectorType: QueryBuilderConnectorType;
-    defaultConnector?: CONNECTOR_OPERATORS;
-    connectorVal?: CONNECTOR_VALUE_TYPE;
-    onOperatorChange: (operator: CONNECTOR_OPERATORS) => void;
-    onValueChange: (value: CONNECTOR_VALUE_TYPE) => void;
-    extra?: {
-        options?: ExtraOption;
-    };
-    errors?: {
-        operator?: string;
-        val?: string | string[];
-    };
-    testID?: string;
-    disabled?: boolean;
-};
-export type CONNECTOR_VALUE_TYPE = string[] | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/types/QueryBuilderNodeProps.type.d.ts

@@ -1,11 +0,0 @@
-import { Response } from '../../../types/apiExecutor';
-import { BaseQueryBuilderNode, QueryBuilderType } from './QueryBuilder.type';
-import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
-import { QueryBuilderProps } from './QueryBuilderProps.type';
-export type QueryBuilderNodeProps = {
-    allowedNodes: QueryBuilderType[];
-    node: BaseQueryBuilderNode;
-    mode: QueryBuilderProps['mode'];
-    selectorKey: string;
-    apiHandler: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
-};

package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts

@@ -1,77 +0,0 @@
-/**
- * @fileOverview Ideally this file should not be used directly in components or in main logic layer.
- * Create helper for this and then use them.
- */
-export declare enum INTEGER_OPERATORS {
-    is = "is",
-    isNot = "isNot",
-    exists = "exists",
-    doesntExist = "doesntExist",
-    lessThan = "lessThan",
-    lessThanOrEqualTo = "lessThanOrEqualTo",
-    greaterThan = "greaterThan",
-    greaterThanOrEqualTo = "greaterThanOrEqualTo",
-    between = "between",
-    notBetween = "notBetween"
-}
-export declare enum STRING_OPERATORS {
-    is = "is",
-    isNot = "isNot",
-    contains = "contains",
-    doesntContain = "doesntContain",
-    startsWith = "startsWith",
-    endsWith = "endsWith",
-    exists = "exists",
-    doesntExist = "doesntExist"
-}
-export declare enum IG_OPERATORS {
-    post = "post",
-    reel = "reel",
-    story = "story"
-}
-export declare enum DATE_OPERATORS {
-    on = "on",
-    notOn = "notOn",
-    inBetween = "inBetween",
-    notInBetween = "notInBetween",
-    before = "before",
-    after = "after",
-    today = "today",
-    yesterday = "yesterday",
-    'last week' = "last week",
-    'last month' = "last month",
-    'last quarter' = "last quarter",
-    'in the last' = "in the last"
-}
-export declare enum BOOLEAN_OPERATORS {
-    isTrue = "isTrue",
-    isFalse = "isFalse",
-    exists = "exists",
-    doesntExist = "doesntExist"
-}
-export declare enum FREQUENCY_OPERATORS {
-    exactly = "exactly",
-    atleast = "atleast",
-    atMost = "atMost"
-}
-export type CONNECTOR_OPERATORS = FREQUENCY_OPERATORS | BOOLEAN_OPERATORS | DATE_OPERATORS | STRING_OPERATORS | INTEGER_OPERATORS;
-export declare enum EVENT_VALUES {
-    FreeText = "FreeText",
-    NoInput = "NoInput",
-    IntegerSingleValue = "IntegerSingleValue",
-    TwoNumberInputsSeperatedByAnd = "TwoNumberInputsSeperatedByAnd",
-    MultiselectDropdownFreeText = "MultiselectDropdownFreeText",
-    SingleDate = "SingleDate",
-    TwoDate = "TwoDate",
-    IntegerPositiveSingle = "IntegerPositiveSingle",
-    NumberTime = "NumberTime"
-}
-export type EVENT_RESPONSE_VALUE = {
-    FreeText: string[];
-    IntegerSingleValue: number;
-    TwoNumberInputsSeperatedByAnd: number[];
-    MultiselectDropdownFreeText: string[];
-    SingleDate: Date;
-    IntegerPositiveSingle: number;
-    TwoDate: Date[];
-};

package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.js

@@ -1 +0,0 @@
-var e,t,n,s,o,a,i;!function(e){e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo",e.between="between",e.notBetween="notBetween"}(e||(e={})),function(e){e.is="is",e.isNot="isNot",e.contains="contains",e.doesntContain="doesntContain",e.startsWith="startsWith",e.endsWith="endsWith",e.exists="exists",e.doesntExist="doesntExist"}(t||(t={})),function(e){e.post="post",e.reel="reel",e.story="story"}(n||(n={})),function(e){e.on="on",e.notOn="notOn",e.inBetween="inBetween",e.notInBetween="notInBetween",e.before="before",e.after="after",e.today="today",e.yesterday="yesterday",e["last week"]="last week",e["last month"]="last month",e["last quarter"]="last quarter",e["in the last"]="in the last"}(s||(s={})),function(e){e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist"}(o||(o={})),function(e){e.exactly="exactly",e.atleast="atleast",e.atMost="atMost"}(a||(a={})),function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(i||(i={}));export{o as BOOLEAN_OPERATORS,s as DATE_OPERATORS,i as EVENT_VALUES,a as FREQUENCY_OPERATORS,n as IG_OPERATORS,e as INTEGER_OPERATORS,t as STRING_OPERATORS};

package/dist/esm/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts

@@ -1,16 +0,0 @@
-import { DropdownOption } from "../../dropdown/type";
-import { QueryBuilderJoinOperators, QueryBuilderProperty } from './QueryBuilder.type';
-import { BaseQueryBuilderResponse, QueryBuilderAPIData } from './QueryBuilderAPI.type';
-import { CONNECTOR_VALUE_TYPE } from './QueryBuilderConnector.type';
-import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
-import { QueryBuilderProps } from './QueryBuilderProps.type';
-export type QueryBuilderPropertyProps = {
-    mode: QueryBuilderProps['mode'];
-    property?: QueryBuilderProperty;
-    selectPropertyJoinOperator?: (option: QueryBuilderJoinOperators, nodeID: string) => void;
-    propertySelectorText?: string;
-    fetchPropertyData?: () => Promise<BaseQueryBuilderResponse | null>;
-    onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[]>;
-    onPropertyOperatorChange?: (option: CONNECTOR_OPERATORS, property: QueryBuilderProperty) => void;
-    onPropertyValueChange?: (value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[], property: QueryBuilderProperty) => void;
-};

package/dist/esm/components/QueryBuilder/types/QueryBuilderProps.type.d.ts

@@ -1,51 +0,0 @@
-import { Response } from '../../../types/apiExecutor';
-import { QueryBuilderRoot, QueryBuilderType } from './QueryBuilder.type';
-import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
-export type QueryBuilderRef = {
-    getState: () => QueryBuilderRoot;
-    fillState: (state: QueryBuilderRoot) => void;
-};
-export type QueryBuilderProps = {
-    /**
-     * The selector key that will be used to make query builder independent when there are multiple
-     * query builders in single page
-     */
-    selectorKey: string;
-    errorState?: QueryBuilderRoot;
-    /**
-     * and will be passed as a prop here. Single function to branch out based on the query being passed.
-     * list of allowed query builder types are keys of this object.
-     * List of allowed query builder types to show, usually in the first dropdown, single values for triggers
-     */
-    typesAPIHandlers: {
-        [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
-    };
-    /** the header text for the builder UI */
-    queryPreText: string;
-    /** the button text for increasing the node (eg trigger/filter ) list */
-    addNodeBtnText: string;
-    /** use when prefilling */
-    state?: QueryBuilderRoot;
-    /** querybuilder mode */
-    mode?: 'create' | 'edit' | 'view';
-    /**
-     * the on change handler, this callback will be called whenever there is any change in the state
-     * @note
-     * try using on-demand flow instead of reactive flow using ref.getState to avoid extra re-renders
-     */
-    onStateChange?: (state: QueryBuilderRoot) => void;
-    /**
-     * in property,
-     * if this is `true`,  it will allow user to re-select the selected property name again,
-     * if `false` , it will disabled the selected property name from the dropdown option
-     *
-     * @default true
-     */
-    reuseProperty?: boolean;
-    /**
-     * user can add any number of root level filter/trigger.
-     * This should be set to false when we only want single filter/trigger. eg IG/CTWA trigger
-     * @default true
-     */
-    infinite?: boolean;
-};

package/dist/esm/components/QueryBuilder/types/index.d.ts

@@ -1,7 +0,0 @@
-export type { QueryBuilderType, QueryBuilderJoinOperators, QueryBuilderConnectorType, QueryBuilderConnector, QueryBuilderProperty as QueryBuilderPropertyType, QueryBuilderMeta, BaseQueryBuilderNode as BaseQueryBuilderNodeType, QueryBuilderRoot, ConnectorError, } from './QueryBuilder.type';
-export * from './QueryBuilderAPI.type';
-export * from './QueryBuilderConnector.type';
-export * from './QueryBuilderNodeProps.type';
-export * from './QueryBuilderOperator.type';
-export * from './QueryBuilderPropertyProps';
-export * from './QueryBuilderProps.type';

package/dist/esm/components/datePicker/DatePickerWrapper.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { CalendarProps } from 'react-calendar';
-import { CSSProperties } from 'styled-components';
-declare const DatePickerWrapper: React.FC<{
-    val?: Date | Date[];
-    onChange: (val: Date | Date[]) => void;
-    calendarProps?: CalendarProps;
-    pickerStyles?: CSSProperties;
-    nativeID?: string;
-    disabled?: boolean;
-}>;
-export default DatePickerWrapper;

package/dist/esm/components/datePicker/DatePickerWrapper.js

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useState as a}from"react";import n from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodySecondary as d}from"../TypographyStyle.js";import{DateBtn as m,PickerContainer as u}from"./DatePickerWrapper.styled.js";const g=g=>{let{val:D,onChange:p,calendarProps:v,disabled:b,pickerStyles:y,nativeID:f}=g;var h,S,j,w;const[C,k]=a(!1),L=o.createRef();return i(L,(()=>{k(!1)})),e(t,{children:[e(m,Object.assign({id:f,bgColor:b?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>k(!C)},{children:[r(d,Object.assign({style:{color:b?s.content.inactive:s.content.secondary,flex:1}},{children:D?Array.isArray(D)?(null===(h=null==D?void 0:D[0])||void 0===h?void 0:h.toString())&&(null===(S=null==D?void 0:D[1])||void 0===S?void 0:S.toString())?`${new Date(null===(j=null==D?void 0:D[0])||void 0===j?void 0:j.toString()).toLocaleDateString()}-${new Date(null===(w=null==D?void 0:D[1])||void 0===w?void 0:w.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()})),r(c,{width:20,height:20,color:b?s.content.inactive:s.content.secondary})]})),C&&!b&&r(u,Object.assign({ref:L,style:Object.assign({},y),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(n,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:e=>{p(e),k(!1)},value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},v))}))]})};export{g as default};

package/dist/esm/components/datePicker/DatePickerWrapper.styled.d.ts

@@ -1,11 +0,0 @@
-export declare const DateBtn: import("styled-components").StyledComponent<"div", any, {
-    bgColor: string;
-    borderColor: string;
-}, never>;
-export declare const PickerContainer: import("styled-components").StyledComponent<"div", any, {
-    bgColor: string;
-    borderColor: string;
-    brandColor: string;
-    subDued: string;
-    contentPrimary: string;
-}, never>;

package/dist/esm/components/datePicker/DatePickerWrapper.styled.js

@@ -1,68 +0,0 @@
-import o from"styled-components";const r=o.div`
-	display: flex;
-	padding: 5px 8px;
-	background: ${o=>o.bgColor};
-	border-width: 1px;
-	border-style: solid;
-	border-color: ${o=>o.borderColor};
-	border-radius: 4px;
-	flex-direction: row;
-	align-items: center;
-	gap: 8px;
-	position: relative;
-`,e=o.div`
-	position: absolute;
-	top: calc(100% + 8px);
-	zindex: 9;
-	.custom__calendar {
-		background: ${o=>o.bgColor};
-		border-width: 1px;
-		border-style: solid;
-		border-color: ${o=>o.borderColor};
-		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-		border-radius: 4px;
-	}
-
-	.custom__tile:hover,
-	.custom__tile:focus,
-	.react-calendar__tile--active {
-		background: ${o=>o.brandColor};
-	}
-
-	.react-calendar__month-view__weekdays__weekday {
-		font-family: 'Inter';
-		font-style: normal;
-		overflow: hidden;
-		font-weight: 600;
-		font-size: 14px;
-		line-height: 20px;
-		color: ${o=>o.contentPrimary};
-
-		abbr[title] {
-			text-decoration: none !important;
-		}
-	}
-
-	.react-calendar__month-view__weekdays {
-		background: ${o=>o.subDued};
-	}
-
-	.react-calendar__navigation {
-		display: flex;
-		padding: 12px 20px;
-
-		button {
-			border: 0;
-			background: transparent;
-		}
-
-		.react-calendar__navigation__arrow
-			react-calendar__navigation__prev2-button {
-			font-size: 20px;
-		}
-
-		.react-calendar__navigation__arrow react-calendar__navigation__prev-button {
-			font-size: 20px;
-		}
-	}
-`;export{r as DateBtn,e as PickerContainer};

package/dist/esm/components/dropShadow/DropShadow.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare const DropShadow: React.FC<{
-    level: 'z1' | 'z2';
-    position: 'up' | 'down';
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}>;
-export default DropShadow;

package/dist/esm/components/dropShadow/DropShadow.js

@@ -1 +0,0 @@
-import{jsx as p}from"react/jsx-runtime";const x={z1:{up:"0px -2px 8px rgba(0, 0, 0, 0.12)",down:"0px 2px 8px rgba(0, 0, 0, 0.12)"},z2:{up:"0px -4px 12px rgba(0, 0, 0, 0.12)",down:"0px 4px 12px rgba(0, 0, 0, 0.12)"}},e=e=>{let{level:t="z1",position:n="down",children:r,style:o}=e;const s=x[t][n];return p("div",Object.assign({style:Object.assign({boxShadow:s},null!=o?o:{})},{children:r}))};export{e as default};

package/dist/esm/components/input/ChipInput.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export declare const extractSingleValueIfAny: (nativeID: string) => string;
-export declare const getInputNode: (nativeID: string) => HTMLInputElement;
-export interface ChipInputProps {
-    onChipsChange: (chips: (string | number)[]) => void;
-    placeholder: string;
-    label?: string;
-    labelColor?: string;
-    hintText?: string;
-    hintTextColor?: string;
-    chipTheme?: () => void;
-    chips: string[];
-    error?: string;
-    inputHeight?: number;
-    createChipKeys?: (string | number)[];
-    chipsContainerCustomStyle?: React.CSSProperties;
-    nativeID?: string;
-}
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;

package/dist/esm/components/input/ChipInput.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as r}from"react";import o from"react-chips";import{COLORS as i}from"../../constants/Theme.js";import{BodySecondary as l,BodyCaption as c}from"../TypographyStyle.js";import{theme as a,chipTheme as s}from"./ChipInput.styled.js";const p=p=>{let{onChipsChange:h,placeholder:m,chips:d,label:u,labelColor:y,hintText:g,hintTextColor:f,error:v,inputHeight:C,createChipKeys:b,chipsContainerCustomStyle:j,nativeID:x}=p;const[T,S]=n(!1);return r((()=>{var e,t;null===(e=document.querySelector(`#${x} input`))||void 0===e||e.addEventListener("focus",(()=>{S(!0)})),null===(t=document.querySelector(`#${x} input`))||void 0===t||t.addEventListener("blur",(()=>{S(!1)}))}),[]),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:x},{children:[u&&t(l,Object.assign({style:{color:T?i.content.brand:v?i.content.negative:y||i.content.primary}},{children:u})),t(o,{value:d,theme:a(!!v,C,j,T),chipTheme:s,placeholder:0===d.length&&!!m&&!T&&m,onChange:e=>{h(e)},createChipKeys:b||","}),(!!g||!!v)&&t(c,Object.assign({style:{color:v?i.content.negative:f||i.content.secondary}},{children:v||g}))]}))};export{p as default};

package/dist/esm/components/input/ChipInput.styled.d.ts

@@ -1,66 +0,0 @@
-export declare const chipTheme: {
-    chip: {
-        padding: string;
-        background: string;
-        border: string;
-        fontSize: number;
-        color: string;
-        fontWeight: number;
-        borderRadius: number;
-        alignItems: string;
-        alignContent: string;
-        justifyContent: string;
-        cursor: string;
-        margin: string;
-        fontFamily: string;
-    };
-    chipRemove: {
-        fontSize: number;
-        fontFamily: string;
-        cursor: string;
-        fontWeight: string;
-        color: string;
-        marginLeft: number;
-        ':hover': {
-            color: string;
-        };
-    };
-};
-export declare const theme: (error?: boolean, height?: number, chipsContainerCustomStyle?: Object, focused?: boolean) => {
-    chipsContainer: {
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-        display: string;
-        position: string;
-        border: string;
-        backgroundColor: string;
-        alignItems: string;
-        flexWrap: string;
-        padding: string;
-        borderRadius: number;
-        ':hover': {
-            border: string;
-        };
-    };
-    container: {
-        flex: number;
-    };
-    containerOpen: {};
-    input: {
-        border: string;
-        outline: string;
-        boxSizing: string;
-        fontSize: number;
-        fontFamily: string;
-        fontWeight: number;
-        height: number;
-        width: string;
-        paddingTop: number;
-        paddingBottom: number;
-    };
-};

package/dist/esm/components/input/ChipInput.styled.js

@@ -1 +0,0 @@
-import{COLORS as e}from"../../constants/Theme.js";const n={chip:{padding:"0px 8px 0px 8px",background:e.surface.subdued,border:`1px solid ${e.stroke.primary}`,fontSize:12,color:e.content.secondary,fontWeight:400,borderRadius:4,alignItems:"center",alignContent:"center",justifyContent:"center",cursor:"default",margin:"0px 8px 0px 0px",fontFamily:"Inter"},chipRemove:{fontSize:12,fontFamily:"Inter",cursor:"pointer",fontWeight:"normal",color:e.content.secondary,marginLeft:6,":hover":{color:e.content.secondary}}},o=(n,o,r,t)=>({chipsContainer:Object.assign({display:"flex",position:"relative",border:`${t?2:1}px solid ${t?e.stroke.brand:n?e.stroke.negative.vibrant:e.stroke.primary}`,backgroundColor:e.surface.standard,alignItems:"center",flexWrap:"wrap",padding:"3px 8px 3px 8px",borderRadius:4,":hover":{border:`2px solid ${e.stroke.brand}`}},null!=r?r:{}),container:{flex:1},containerOpen:{},input:{border:"none",outline:"none",boxSizing:"border-box",fontSize:14,fontFamily:"Inter",fontWeight:400,height:o||32,width:"100%",paddingTop:0,paddingBottom:0}});export{n as chipTheme,o as theme};

package/dist/esm/components/plans/DurationSelector.d.ts

@@ -1,9 +0,0 @@
-import { FunctionComponent } from 'react';
-interface OwnProps {
-    isMonthlySelected: boolean;
-    yearlyDiscount: string;
-    onToggle: (isMonthlySelected: boolean) => void;
-}
-type Props = OwnProps;
-declare const DurationSelector: FunctionComponent<Props>;
-export default DurationSelector;

package/dist/esm/components/plans/DurationSelectorStyles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const DurationSelectorStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/plans/DurationSelectorStyles.js

@@ -1 +0,0 @@
-import e from"@emotion/styled/base";import{COLORS as o}from"../../constants/Theme.js";o.surface.subdued,o.content.secondary,o.background.brandLight,o.background.inverseLight,o.content.placeholder,process.env.NODE_ENV;

package/dist/esm/components/plans/SubscriptionPlan.d.ts

@@ -1,25 +0,0 @@
-import { FunctionComponent } from 'react';
-interface PlanPrice {
-    price: number;
-    discount: number;
-}
-interface PlanFeature {
-    detail: string;
-}
-export interface SubscriptionPlanProps {
-    code: string;
-    isMostPopular?: boolean;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    planName: string;
-    monthlyPlan: PlanPrice;
-    yearlyPlan: PlanPrice;
-    features: PlanFeature[];
-    showMonthly: boolean;
-    planDescription: string;
-    planDescriptionDiscount: string;
-    onPlanSelect: (code: string) => void;
-}
-type Props = SubscriptionPlanProps;
-declare const SubscriptionPlan: FunctionComponent<Props>;
-export default SubscriptionPlan;

package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts

@@ -1,9 +0,0 @@
-import { FunctionComponent } from 'react';
-import { SubscriptionPlanProps } from "./SubscriptionPlan";
-type Props = {
-    planA: SubscriptionPlanProps;
-    planB: SubscriptionPlanProps;
-    planC: SubscriptionPlanProps;
-};
-declare const SubscriptionPlanSelector: FunctionComponent<Props>;
-export default SubscriptionPlanSelector;

package/dist/esm/components/plans/SubscriptionPlanSelector.js

@@ -1 +0,0 @@
-import t from"@emotion/styled/base";import"react/jsx-runtime";import"react";import"../modals/styledModal.js";import"./DurationSelectorStyles.js";import"../TypographyStyle.js";import"../../constants/Theme.js";import"../button/Button.js";import"./SubscriptionPlanStyled.js";process.env.NODE_ENV;

package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const SubscriptionPlanStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/plans/SubscriptionPlanStyled.js

@@ -1 +0,0 @@
-import e from"@emotion/styled/base";import{COLORS as n}from"../../constants/Theme.js";n.surface.standard,n.background.brandLight,n.surface.standard,n.content.secondary,n.surface.hovered,n.surface.standard,n.content.secondary,n.content.inactive,process.env.NODE_ENV;

package/dist/esm/components/plans/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SubscriptionPlan';
-export * from './SubscriptionPlanSelector';

package/dist/esm/components/postPicker/PostPicker.styled.d.ts

@@ -1,12 +0,0 @@
-export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledProductGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledProduct: import("styled-components").StyledComponent<"div", any, {
-    _height: number;
-}, never>;
-export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ButtonViewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;