trepur_components 2.4.1 → 2.4.3

package/lib/components/Form/index.d.ts

@@ -1,5 +1,6 @@
-import { ButtonProps } from 'src/components/Button';
-import { InputContextProps } from 'src/components/Input';
+import { ButtonProps } from '../Button';
+import { InputContextProps } from '../Input';
+
 export interface Props {
     id?: string;
     className?: string;

package/lib/components/Gallery/Gallery.stories.d.ts

@@ -0,0 +1,16 @@
+import { Gallery } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        className: string;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Gallery>;
+export declare const Default: Story;

package/lib/components/Gallery/index.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from 'src/components/Image';
+import { ImageProps } from '../Image';
+
 declare const Gallery: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & ImageProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/lib/components/Greeting/Greeting.stories.d.ts

@@ -0,0 +1,13 @@
+import { Greeting } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: any;
+    args: {
+        morningMessage: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Greeting>;
+export declare const Default: Story;

package/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+import { HamburgerIcon } from '.';
+
+declare const meta: {
+    title: string;
+    component: any;
+};
+export default meta;
+type Story = StoryObj<typeof HamburgerIcon>;
+export declare const Default: Story;
+export declare const Secondary: Story;
+export declare const Ghost: Story;

package/lib/components/Icon/Icon.stories.d.ts

@@ -0,0 +1,16 @@
+import { Icon } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: any;
+    args: {
+        icon: import('@fortawesome/fontawesome-free-solid').IconDefinition;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Default: Story;
+export declare const Colour: Story;
+export declare const Size: Story;
+export declare const Annimation: Story;

package/lib/components/Icon/index.d.ts

@@ -1,5 +1,6 @@
 import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
 import { IconProp, SizeProp } from '@fortawesome/fontawesome-svg-core';
+
 export interface IconProps {
     className?: string;
     icon: IconProp | IconDefinition;

package/lib/components/Image/Image.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { Image } from '.';
+
+declare const meta: {
+    title: string;
+    component: any;
+    args: {
+        src: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Image>;
+export declare const Default: Story;

package/lib/components/ImageCard/ImageCard.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+import { ImageCard } from '.';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Image: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<import('../Image').ImageProps> & import('../Image').ImageProps & import('react').RefAttributes<HTMLImageElement>>;
+        Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Title: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Subtitle: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Button: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
+        Caption: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ImageCard>;
+export declare const Default: Story;
+export declare const WithButton: Story;
+export declare const WithCaption: Story;

package/lib/components/ImageCard/index.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from 'src/components/Image';
+import { ImageProps } from '../Image';
+
 declare const ImageCard: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Image: import('react').ForwardRefExoticComponent<HTMLAttributes<ImageProps> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
     Content: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/Input/Input.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+import { Input } from '.';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').InputContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            required?: boolean;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        Validation: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Actions: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Wrapper: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLInputElement> & import('.').InputContextProps & import('react').RefAttributes<HTMLInputElement>>;
+    };
+    args: {
+        placeholder: string;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const WithAction: Story;
+export declare const WithValidation: Story;

package/lib/components/Input/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface InputContextProps {
     autoComplete?: string;
     disabled?: boolean;
@@ -14,7 +15,7 @@ export interface InputContextProps {
     name?: string;
     placeholder?: string;
     withValidation?: boolean;
-    onChange?: (e: any) => void;
+    handleChange?: (e: any) => void;
     onBlur?: () => void;
     onFocus?: () => void;
     onClick?: () => void;
@@ -22,11 +23,11 @@ export interface InputContextProps {
     value?: string;
 }
 declare const Input: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & InputContextProps & import('react').RefAttributes<HTMLDivElement>> & {
-    Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
         required?: boolean;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    Box: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
     Validation: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Actions: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Wrapper: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & InputContextProps & import('react').RefAttributes<HTMLInputElement>>;
 };
 export { Input };

package/lib/components/Input/index.js

@@ -1,84 +1,102 @@
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as a, useMemo as b, createContext as N, useContext as d, useRef as y } from "react";
-import m from "clsx";
-const s = N(null), p = a(({ children: r, errors: e, placeholder: t, ...n }, l) => {
-  const f = b(
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as o, useMemo as v, createContext as L, useContext as p } from "react";
+import d from "clsx";
+const s = L(null), x = o(({ children: n, className: a, errors: t, placeholder: l, ...e }, i) => {
+  const m = v(
     () => ({
-      errors: e,
-      placeholder: t,
-      ...n
+      errors: t,
+      placeholder: l,
+      ...e
     }),
-    [e, n]
+    [t, e]
   );
-  return /* @__PURE__ */ o(s.Provider, { value: f, children: /* @__PURE__ */ o("div", { ref: l, children: r }) });
-}), u = a(
-  ({ children: r, ...e }, t) => {
-    const n = y(null);
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        className: "mt-4 w-full",
-        onClick: () => {
-          var l;
-          return (l = n.current) == null ? void 0 : l.focus();
-        },
-        ref: t,
-        ...e,
-        children: r
-      }
-    );
-  }
-), i = a(({ className: r, children: e, required: t = !1 }, n) => /* @__PURE__ */ I(
-  "div",
-  {
-    ref: n,
-    className: m("flex px-1 text-sm font-normal leading-5", r),
-    children: [
-      /* @__PURE__ */ o("p", { children: e }),
-      t && /* @__PURE__ */ o("p", { className: "text-sm font-normal", children: " *" })
-    ]
-  }
-)), c = a(
-  ({ ...r }, e) => {
-    const { errors: t, placeholder: n } = d(s) || {};
-    return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(s.Provider, { value: m, children: /* @__PURE__ */ r(
+    "div",
+    {
+      ref: i,
+      className: d("grid grid-cols-1 gap-2 w-full rounded-md", a),
+      ...e,
+      children: n
+    }
+  ) });
+}), f = o(({ children: n, handleChange: a, onClick: t, onBlur: l, ...e }, i) => {
+  const { placeholder: m, value: g, errors: u } = p(s) || {};
+  return /* @__PURE__ */ c("div", { ref: i, className: "group/input relative isolate flex w-full", children: [
+    /* @__PURE__ */ r(
       "input",
       {
-        ref: e,
-        placeholder: n,
-        className: m(
-          "text-ink text-md w-full rounded-md border border-gray-300 bg-white py-2 pl-4",
+        placeholder: m,
+        className: d(
+          "rounded-md flex w-full bg-card px-3 py-1.5 text-sm placeholder:text-gray-500",
           {
-            "border-error border-2": t != null
+            "border-border border": !u,
+            "border-red-600 border-2": u
           }
         ),
-        ...r
+        value: g,
+        readOnly: e.readOnly,
+        disabled: e.disabled,
+        autoComplete: e.autoComplete,
+        form: e.formId,
+        maxLength: e.maxLength,
+        minLength: e.minLength,
+        pattern: e.pattern,
+        required: e.required,
+        type: e.type,
+        name: e.name,
+        onChange: (N) => a == null ? void 0 : a(N.target.value),
+        onClick: t,
+        onBlur: l,
+        onFocus: e.onFocus
       }
-    );
+    ),
+    n
+  ] });
+}), b = o(
+  ({ className: n, children: a }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      className: d(
+        "absolute right-1 top-1/2 my-auto -translate-y-1/2",
+        n
+      ),
+      children: a
+    }
+  )
+), y = o(({ className: n, children: a, required: t = !1 }, l) => /* @__PURE__ */ c(
+  "div",
+  {
+    ref: l,
+    className: d("flex px-1 text-sm font-normal leading-5", n),
+    children: [
+      /* @__PURE__ */ r("p", { children: a }),
+      t && /* @__PURE__ */ r("p", { className: "text-sm font-normal", children: "*" })
+    ]
   }
-), x = a(({ ...r }, e) => {
-  const { errors: t } = d(s) || {};
-  return /* @__PURE__ */ o(
+)), I = o(({ ...n }, a) => {
+  const { errors: t } = p(s) || {};
+  return /* @__PURE__ */ r(
     "div",
     {
-      ref: e,
-      className: "text-md gap-y-2 pl-1 pt-2 font-semibold text-error-default",
-      ...r,
-      children: t == null ? void 0 : t.map((n, l) => /* @__PURE__ */ o("p", { children: n }, `error-msg-${l + 1}`))
+      ref: a,
+      className: "text-sm pl-1 font-medium text-error-default",
+      ...n,
+      children: t == null ? void 0 : t.map((l, e) => /* @__PURE__ */ r("p", { children: l }, `error-msg-${e + 1}`))
     }
   );
 });
-p.displayName = "Input";
-u.displayName = "Input.Item";
-i.displayName = "Input.Label";
-c.displayName = "Input.Box";
-x.displayName = "Input.Validation";
-const C = Object.assign(p, {
-  Item: u,
-  Label: i,
-  Box: c,
-  Validation: x
+x.displayName = "Input";
+b.displayName = "Input.Actions";
+y.displayName = "Input.Label";
+I.displayName = "Input.Validation";
+f.displayName = "Input.Wrapper";
+const A = Object.assign(x, {
+  Label: y,
+  Validation: I,
+  Actions: b,
+  Wrapper: f
 });
 export {
-  C as Input
+  A as Input
 };

package/lib/components/Link/Link.stories.d.ts

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react';
+import { Link } from '.';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & import('.').LinkProps & import('react').RefAttributes<HTMLAnchorElement>> & {
+        Icon: import('react').ForwardRefExoticComponent<{
+            icon: any;
+        } & import('react').RefAttributes<SVGSVGElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    args: {
+        variant: "primary";
+        href: string;
+        target: string;
+        children: import("react/jsx-runtime").JSX.Element[];
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Link>;
+export declare const Default: Story;
+export declare const Secondary: Story;
+export declare const Bordered: Story;
+export declare const Ghost: Story;
+export declare const Basic: Story;
+export declare const Loading: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Download: Story;

package/lib/components/Link/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface LinkProps {
     variant?: 'primary' | 'secondary' | 'ghost' | 'bordered' | 'basic';
     loading?: boolean;

package/lib/components/Map/Map.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { Map } from '.';
+
+declare const meta: {
+    title: string;
+    component: typeof Map;
+    argTypes: {};
+    args: {
+        zoom: number;
+        terrain: true;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Map>;
+export declare const Default: Story;
+export declare const Markers: Story;
+export declare const PopupLabel: Story;
+export declare const Boundaries: Story;

package/lib/components/Map/index.d.ts

@@ -1,4 +1,5 @@
 import { Marker } from './types';
+
 import * as maptilersdk from '@maptiler/sdk';
 interface MapProps {
     id: string;

package/lib/components/Map/utils.d.ts

@@ -1,5 +1,6 @@
 import { MutableRefObject } from 'react';
 import { Marker } from './types';
+
 import * as maptilersdk from '@maptiler/sdk';
 export interface FeatureGeometry {
     type: string;

package/lib/components/MenuButton/MenuButton.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react';
+import { MenuButton } from '.';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, menuItems, onClick }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        menuItems: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+        menuItems: {
+            name: string;
+            href: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof MenuButton>;
+export declare const Default: Story;

package/lib/components/MenuButton/index.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export interface Props {
     id?: string;
     className?: string;

package/lib/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, children, visible, onOverlayClick, mobileGutter, animationStyle }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        id: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            type: {
+                name: string;
+                value: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onOverlayClick: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+        };
+    };
+    args: {
+        visible: boolean;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const _Modal: (args: any) => React.ReactElement;
+export default meta;

package/lib/components/Modal/index.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
     children?: React.ReactNode;
     visible?: boolean;

package/lib/components/Nav/Nav.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react';
+import { Nav } from '..';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').NavContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        DesktopHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        MobileHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Section: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Logo: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLImageElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLImageElement>>;
+        Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Folder: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            label: string;
+            active?: boolean;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        docs: {
+            story: {
+                iframe: string;
+            };
+        };
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Nav>;
+export declare const Default: Story;
+export declare const Loading: Story;

package/lib/components/Nav/index.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { ImageProps } from '../Image';
+
 export interface NavContextProps {
     expanded?: boolean;
     setExpanded?: (val: boolean) => void;

package/lib/components/NavItem/NavItem.stories.d.ts

@@ -0,0 +1,22 @@
+import { NavItem } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
+        href?: string;
+        active?: boolean;
+        loading?: boolean;
+        isInFolder?: boolean;
+    } & import('react').RefAttributes<HTMLAnchorElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof NavItem>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const Loading: Story;

package/lib/components/NavItem/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 declare const NavItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
     href?: string;
     active?: boolean;

package/lib/components/Pill/Pill.stories.d.ts

@@ -0,0 +1,26 @@
+import { Pill } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').PillProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Icon: import('react').ForwardRefExoticComponent<{
+            icon: any;
+        } & import('react').RefAttributes<SVGSVGElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Pill>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const ErrorInverse: Story;
+export declare const Warning: Story;
+export declare const WarningInverse: Story;
+export declare const Success: Story;
+export declare const SuccessInverse: Story;
+export declare const Info: Story;
+export declare const InfoInverse: Story;

package/lib/components/Pill/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export type PickU<T, K extends keyof T> = T extends any ? {
     [P in K]: T[P];
 } : never;