@uva-glass/component-library 1.0.0

package/dist/clsx-DB4S2d7J.js

@@ -0,0 +1,23 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number")
+    t += r;
+  else if (typeof r == "object")
+    if (Array.isArray(r)) {
+      var o = r.length;
+      for (f = 0; f < o; f++)
+        r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+    } else
+      for (n in r)
+        r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++)
+    (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};
+//# sourceMappingURL=clsx-DB4S2d7J.js.map

package/dist/clsx-DB4S2d7J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx-DB4S2d7J.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","f","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAEC,GAAEC,IAAE;AAAG,MAAa,OAAOH,KAAjB,YAA8B,OAAOA,KAAjB;AAAmB,IAAAG,KAAGH;AAAA,WAAoB,OAAOA,KAAjB;AAAmB,QAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,UAAI,IAAEA,EAAE;AAAO,WAAIC,IAAE,GAAEA,IAAE,GAAEA;AAAI,QAAAD,EAAEC,CAAC,MAAIC,IAAEH,EAAEC,EAAEC,CAAC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAA,IAAE;AAAM,WAAIA,KAAKF;AAAE,QAAAA,EAAEE,CAAC,MAAIC,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQJ,GAAEC,GAAEC,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAOD,IAAE,GAAEA;AAAI,KAACF,IAAE,UAAUE,CAAC,OAAKD,IAAEF,EAAEC,CAAC,OAAKG,MAAIA,KAAG,MAAKA,KAAGF;AAAG,SAAOE;AAAC;","x_google_ignoreList":[0]}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+
+export type UIButtonVariant = 'primary' | 'secondary' | 'destructive' | 'blank';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {
+    variant: UIButtonVariant;
+    children: ReactNode;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -0,0 +1,28 @@
+import '../../assets/Button.css';
+import { jsx as c } from "react/jsx-runtime";
+import { c as _ } from "../../clsx-DB4S2d7J.js";
+import { forwardRef as b } from "react";
+const e = "_button_isgcr_3", t = {
+  "visually-hidden": "_visually-hidden_isgcr_1",
+  button: e,
+  "button--blank": "_button--blank_isgcr_37",
+  "button--primary": "_button--primary_isgcr_54",
+  "button--secondary": "_button--secondary_isgcr_70",
+  "button--destructive": "_button--destructive_isgcr_86"
+}, m = b((o, r) => {
+  const { children: n, type: s = "button", variant: u, ...i } = o;
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      ...i,
+      type: s,
+      ref: r,
+      className: _(t.button, t[`button--${u}`]),
+      children: n
+    }
+  );
+});
+export {
+  m as Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Button.module.css';\n\nexport type UIButtonVariant = 'primary' | 'secondary' | 'destructive' | 'blank';\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {\n  variant: UIButtonVariant;\n  children: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n  const { children, type = 'button', variant, ...restProps } = props;\n\n  return (\n    <button\n      {...restProps}\n      type={type}\n      ref={forwardedRef}\n      className={clsx(styles['button'], styles[`button--${variant}`])}\n    >\n      {children}\n    </button>\n  );\n});\n"],"names":["Button","forwardRef","props","forwardedRef","children","type","variant","restProps","jsx","clsx","styles"],"mappings":";;;;;;;;;;GAcaA,IAASC,EAA2C,CAACC,GAAOC,MAAiB;AACxF,QAAM,EAAE,UAAAC,GAAU,MAAAC,IAAO,UAAU,SAAAC,GAAS,GAAGC,EAAc,IAAAL;AAG3D,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,MAAAF;AAAA,MACA,KAAKF;AAAA,MACL,WAAWM,EAAKC,EAAO,QAAWA,EAAO,WAAWJ,CAAO,EAAE,CAAC;AAAA,MAE7D,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from './Button';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, ButtonProps>;
+export default _default;
+export declare const ButtonExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;

package/dist/components/Button/Button.stories.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { f as a } from "../../index-CZx-Vhwf.js";
+import { Button as t } from "./Button.js";
+const m = {
+  title: "Atoms/Button",
+  component: t,
+  argTypes: {
+    variant: {
+      options: ["primary", "secondary", "destructive", "blank"],
+      control: { type: "radio" },
+      disabled: !1
+    }
+  }
+}, e = (o) => /* @__PURE__ */ r(t, { ...o }), n = e.bind({});
+n.args = {
+  variant: "primary",
+  children: "Click me!",
+  disabled: !1,
+  onClick: a()
+};
+export {
+  n as ButtonExample,
+  m as default
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/components/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sources":["../../../src/components/Button/Button.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Button',\n  component: Button,\n  argTypes: {\n    variant: {\n      options: ['primary', 'secondary', 'destructive', 'blank'],\n      control: { type: 'radio' },\n      disabled: false,\n    },\n  },\n} as Meta<ButtonProps>;\n\nconst Template: StoryFn<ButtonProps> = (args) => <Button {...args} />;\n\nexport const ButtonExample = Template.bind({});\nButtonExample.args = {\n  variant: 'primary',\n  children: 'Click me!',\n  disabled: false,\n  onClick: fn(),\n};\n"],"names":["Button_stories","Button","Template","args","jsx","ButtonExample","fn"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,aAAa,eAAe,OAAO;AAAA,MACxD,SAAS,EAAE,MAAM,QAAQ;AAAA,MACzB,UAAU;AAAA,IACZ;AAAA,EACF;AACF,GAEMC,IAAiC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAQ,GAAGE,EAAM,CAAA,GAEtDE,IAAgBH,EAAS,KAAK,EAAE;AAC7CG,EAAc,OAAO;AAAA,EACnB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAASC,EAAG;AACd;"}

package/dist/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/components/Button/index.js

@@ -0,0 +1,5 @@
+import { Button as r } from "./Button.js";
+export {
+  r as Button
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, ReactNode } from 'react';
+
+export interface CardProps {
+    header?: ReactNode;
+    highContrast?: boolean;
+    notification?: ReactNode;
+    padding?: 'small' | 'regular' | 'large';
+    alignCenter?: boolean;
+}
+export declare const Card: ({ children, header, highContrast, notification, padding, alignCenter, }: PropsWithChildren<CardProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Card.js

@@ -0,0 +1,41 @@
+import '../../assets/Card.css';
+import { jsxs as s, jsx as d } from "react/jsx-runtime";
+import { c as _ } from "../../clsx-DB4S2d7J.js";
+import { SectionNotification as i } from "../SectionNotification/SectionNotification.js";
+const n = "_card_vqoto_3", r = {
+  "visually-hidden": "_visually-hidden_vqoto_1",
+  card: n,
+  "card--regular": "_card--regular_vqoto_9",
+  "card--small": "_card--small_vqoto_14",
+  "card--large": "_card--large_vqoto_19",
+  "card-header": "_card-header_vqoto_24",
+  "card--high-contrast": "_card--high-contrast_vqoto_31",
+  "card--align-center": "_card--align-center_vqoto_35"
+}, v = ({
+  children: e,
+  header: c,
+  highContrast: o,
+  notification: l,
+  padding: a = "regular",
+  alignCenter: t = !1
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: _(r.card, {
+      [r["card--high-contrast"]]: o,
+      [r["card--regular"]]: a === "regular",
+      [r["card--small"]]: a === "small",
+      [r["card--large"]]: a === "large",
+      [r["card--align-center"]]: t
+    }),
+    children: [
+      l && /* @__PURE__ */ d(i, { children: l }),
+      c && /* @__PURE__ */ d("div", { className: r["card-header"], children: c }),
+      e
+    ]
+  }
+);
+export {
+  v as Card
+};
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Card.module.css';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nexport interface CardProps {\n  header?: ReactNode;\n  highContrast?: boolean;\n  notification?: ReactNode;\n  padding?: 'small' | 'regular' | 'large';\n  alignCenter?: boolean;\n}\n\nexport const Card = ({\n  children,\n  header,\n  highContrast,\n  notification,\n  padding = 'regular',\n  alignCenter = false,\n}: PropsWithChildren<CardProps>) => (\n  <div\n    className={classNames(styles['card'], {\n      [styles['card--high-contrast']]: highContrast,\n      [styles['card--regular']]: padding === 'regular',\n      [styles['card--small']]: padding === 'small',\n      [styles['card--large']]: padding === 'large',\n      [styles['card--align-center']]: alignCenter,\n    })}\n  >\n    {notification && <SectionNotification>{notification}</SectionNotification>}\n    {header && <div className={styles['card-header']}>{header}</div>}\n    {children}\n  </div>\n);\n"],"names":["Card","children","header","highContrast","notification","padding","alignCenter","jsxs","classNames","styles","jsx","SectionNotification"],"mappings":";;;;;;;;;;;;GAgBaA,IAAO,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAChB,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,MAAS;AAAA,MACpC,CAACA,EAAO,qBAAqB,CAAC,GAAGN;AAAA,MACjC,CAACM,EAAO,eAAe,CAAC,GAAGJ,MAAY;AAAA,MACvC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,oBAAoB,CAAC,GAAGH;AAAA,IAAA,CACjC;AAAA,IAEA,UAAA;AAAA,MAAgBF,KAAA,gBAAAM,EAACC,KAAqB,UAAaP,EAAA,CAAA;AAAA,MACnDF,KAAW,gBAAAQ,EAAA,OAAA,EAAI,WAAWD,EAAO,aAAa,GAAI,UAAOP,GAAA;AAAA,MACzDD;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/components/Card/Card.stories.d.ts

@@ -0,0 +1,8 @@
+import { CardProps } from './Card';
+import { PropsWithChildren } from 'react';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
+export default _default;
+export declare const CardExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
+export declare const WithNotification: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
+export declare const WithChildren: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;

package/dist/components/Card/Card.stories.js

@@ -0,0 +1,49 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Card as a } from "./Card.js";
+const c = {
+  title: "Atoms/Card",
+  component: a,
+  argTypes: {
+    highContrast: {
+      controle: "boolean"
+    },
+    padding: {
+      controle: {
+        type: "select",
+        options: ["small", "regular", "large"]
+      }
+    },
+    alignCenter: {
+      controle: "boolean"
+    },
+    children: {
+      control: "text"
+    }
+  }
+}, e = (i) => /* @__PURE__ */ o(a, { ...i }), t = {
+  padding: "regular",
+  highContrast: !1,
+  alignCenter: !1,
+  header: "Example Header"
+}, r = e.bind({});
+r.args = {
+  ...t,
+  notification: ""
+};
+const n = e.bind({});
+n.args = {
+  ...t,
+  notification: "This is an example notification"
+};
+const s = e.bind({});
+s.args = {
+  ...t,
+  children: "Chuck Norris is the reason why Waldo is hiding Remember the Soviet Union? They decided to quit after watching a DeltaForce marathon on Satellite TV, Chuck Norris CAN eat soup with a fork Morgan Freeman is the only person that could narrate Chuck Norris's life, other than himself, The quickest way to a man's heart is with Chuck Norris' fist. Chuck Norris ran in Nascar and came in 1st place. Then again, Chuck Norris wins everything."
+};
+export {
+  r as CardExample,
+  s as WithChildren,
+  n as WithNotification,
+  c as default
+};
+//# sourceMappingURL=Card.stories.js.map

package/dist/components/Card/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sources":["../../../src/components/Card/Card.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CardProps } from './Card';\n\nimport { Card } from './Card';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Card',\n  component: Card,\n  argTypes: {\n    highContrast: {\n      controle: 'boolean',\n    },\n    padding: {\n      controle: {\n        type: 'select',\n        options: ['small', 'regular', 'large'],\n      },\n    },\n    alignCenter: {\n      controle: 'boolean',\n    },\n    children: {\n      control: 'text',\n    },\n  },\n} as Meta<PropsWithChildren<CardProps>>;\n\nconst Template: StoryFn<PropsWithChildren<CardProps>> = (args) => <Card {...args} />;\n\nconst defaultArgs: Partial<PropsWithChildren<CardProps>> = {\n  padding: 'regular',\n  highContrast: false,\n  alignCenter: false,\n  header: 'Example Header',\n};\n\nexport const CardExample = Template.bind({});\nCardExample.args = {\n  ...defaultArgs,\n  notification: '',\n};\n\nexport const WithNotification = Template.bind({});\nWithNotification.args = {\n  ...defaultArgs,\n  notification: 'This is an example notification',\n};\n\nexport const WithChildren = Template.bind({});\nWithChildren.args = {\n  ...defaultArgs,\n  children:\n    \"Chuck Norris is the reason why Waldo is hiding Remember the Soviet Union? They decided to quit after watching a DeltaForce marathon on Satellite TV, Chuck Norris CAN eat soup with a fork Morgan Freeman is the only person that could narrate Chuck Norris's life, other than himself, The quickest way to a man's heart is with Chuck Norris' fist. Chuck Norris ran in Nascar and came in 1st place. Then again, Chuck Norris wins everything.\",\n};\n"],"names":["Card_stories","Card","Template","args","jsx","defaultArgs","CardExample","WithNotification","WithChildren"],"mappings":";;AAOA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP,UAAU;AAAA,QACR,MAAM;AAAA,QACN,SAAS,CAAC,SAAS,WAAW,OAAO;AAAA,MACvC;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAkD,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,EAAM,CAAA,GAE5EE,IAAqD;AAAA,EACzD,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AACV,GAEaC,IAAcJ,EAAS,KAAK,EAAE;AAC3CI,EAAY,OAAO;AAAA,EACjB,GAAGD;AAAA,EACH,cAAc;AAChB;AAEO,MAAME,IAAmBL,EAAS,KAAK,EAAE;AAChDK,EAAiB,OAAO;AAAA,EACtB,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAeN,EAAS,KAAK,EAAE;AAC5CM,EAAa,OAAO;AAAA,EAClB,GAAGH;AAAA,EACH,UACE;AACJ;"}

package/dist/components/Card/index.d.ts

@@ -0,0 +1 @@
+export * from './Card';

package/dist/components/Card/index.js

@@ -0,0 +1,5 @@
+import { Card as a } from "./Card.js";
+export {
+  a as Card
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import { Icons } from './icons';
+import { ReactNode, SVGAttributes } from 'react';
+
+type IconName = keyof typeof Icons;
+export interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {
+    name: IconName;
+    size?: 16 | 20 | 24 | 32 | 48 | 64 | 96 | 128;
+    title?: string;
+}
+export declare const Icon: ({ name, size, title, ...restProps }: IconProps) => ReactNode;
+export {};

package/dist/components/Icon/Icon.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Icons as i } from "./icons/index.js";
+const d = 24, s = ({ name: t, size: o = d, title: r, ...n }) => {
+  const c = i[t];
+  return /* @__PURE__ */ e(c, { "aria-hidden": !0, height: o, width: o, title: r, ...n });
+};
+export {
+  s as Icon
+};
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { ReactNode, SVGAttributes } from 'react';\n\nimport { Icons } from './icons';\n\ntype IconName = keyof typeof Icons;\n\nexport interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {\n  name: IconName;\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  size?: 16 | 20 | 24 | 32 | 48 | 64 | 96 | 128;\n  title?: string;\n}\n\nconst defaultSize = 24;\n\nexport const Icon = ({ name, size = defaultSize, title, ...restProps }: IconProps): ReactNode => {\n  const Icon = Icons[name];\n\n  return <Icon aria-hidden={true} height={size} width={size} title={title} {...restProps} />;\n};\n"],"names":["defaultSize","Icon","name","size","title","restProps","Icons","jsx"],"mappings":";;AAaA,MAAMA,IAAc,IAEPC,IAAO,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAOH,GAAa,OAAAI,GAAO,GAAGC,QAAsC;AACzFJ,QAAAA,IAAOK,EAAMJ,CAAI;AAEhB,SAAA,gBAAAK,EAACN,GAAA,EAAK,eAAa,IAAM,QAAQE,GAAM,OAAOA,GAAM,OAAAC,GAAe,GAAGC,EAAW,CAAA;AAC1F;"}

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

@@ -0,0 +1,6 @@
+import { IconProps } from './Icon';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, IconProps>;
+export default _default;
+export declare const IconExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
+export declare const IconOverview: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icon.stories.js

@@ -0,0 +1,41 @@
+import '../../assets/Icon.css';
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Icon as i } from "./Icon.js";
+import { Icons as t } from "./icons/index.js";
+import { ClipboardButton as c } from "../storyComponents/ClipboardButton/ClipboardButton.js";
+const s = "_icon__wrapper_lse0u_1", p = "_icon__item_lse0u_13", n = {
+  icon__wrapper: s,
+  icon__item: p
+}, w = {
+  title: "Atoms/Icon",
+  component: i
+}, _ = (o) => /* @__PURE__ */ e(i, { ...o }), m = _.bind({});
+m.args = {
+  name: "ArrowDownOnSquare",
+  size: 32
+};
+const x = () => /* @__PURE__ */ e(
+  "div",
+  {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(4, 1fr)",
+      gridGap: "1rem",
+      padding: "1rem",
+      maxWidth: "1024px"
+    },
+    children: Object.keys(t).map((o) => /* @__PURE__ */ r("div", { className: n.icon__wrapper, children: [
+      /* @__PURE__ */ e(i, { name: o, size: 48 }),
+      /* @__PURE__ */ r("div", { className: n.icon__item, children: [
+        /* @__PURE__ */ e("span", { children: o }),
+        /* @__PURE__ */ e(c, { text: `<Icon icon={${o}} />` })
+      ] })
+    ] }, o))
+  }
+);
+export {
+  m as IconExample,
+  x as IconOverview,
+  w as default
+};
+//# sourceMappingURL=Icon.stories.js.map

package/dist/components/Icon/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sources":["../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'components/storyComponents/ClipboardButton/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["Icon_stories","Icon","Template","args","jsx","IconExample","IconOverview","Icons","name","jsxs","styles","ClipboardButton"],"mappings":";;;;;;;GAUeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAA+B,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,EAAM,CAAA,GAElDE,IAAcH,EAAS,KAAK,EAAE;AAC3CG,EAAY,OAAO;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAMC,IAAe,MAExB,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,IAEC,UAAA,OAAO,KAAKG,CAAK,EAAE,IAAI,CAACC,MACtB,gBAAAC,EAAA,OAAA,EAAe,WAAWC,EAAO,eAChC,UAAA;AAAA,MAAC,gBAAAN,EAAAH,GAAA,EAAK,MAAAO,GAAkC,MAAM,GAAI,CAAA;AAAA,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAM,UAAKI,EAAA,CAAA;AAAA,QACX,gBAAAJ,EAAAO,GAAA,EAAgB,MAAM,eAAeH,CAAI,QAAQ;AAAA,MAAA,GACpD;AAAA,IAAA,EAAA,GALQA,CAMV,CACD;AAAA,EAAA;AAAA;"}

package/dist/components/Icon/icons/index.d.ts

@@ -0,0 +1,152 @@
+export declare const Icons: {
+    ArrowDownOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ArrowLeftEndOnRectangle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ArrowLeftStartOnRectangle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ArrowSmallDownMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ArrowSmallLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ArrowSmallRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ArrowSmallUpMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ArrowTopRightOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ArrowUpOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    BrowserBlocked: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    BrowserBroken: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CheckCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CheckCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CheveronDown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CheveronLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CheveronRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CheveronUp: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CheveronUpDown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ClockCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Cross: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CrossCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CrossCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    CubeTransparent: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    DocumentDuplicate: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    DocumentText: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    DotCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ExclamationCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ExclamationCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ExclamationTriangleFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    ExclamationTriangleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Hamburger: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    InformationCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    InformationCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    LinkSlash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    LockClosedFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    LockOpenFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    MinusCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    PencilSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Plus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    QuestionMarkCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Sparkles: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    SwapSlash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Swap: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    TrashStrikethrough: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    Trash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    UserCheckFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    UserMinusFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+};