@gnist/design-system 0.1.0

package/dist/components/feedback/loaders/loadingSpinner.css.d.ts

@@ -0,0 +1,2 @@
+export declare const loadingSpinnerStyle: string;
+//# sourceMappingURL=loadingSpinner.css.d.ts.map

package/dist/components/feedback/loaders/loadingSpinner.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadingSpinner.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/loaders/loadingSpinner.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,QAW9B,CAAC"}

package/dist/components/feedback/loaders/loadingSpinner.css.js

@@ -0,0 +1,23 @@
+"use client";
+import { atoms } from "@gnist/themes/atoms.css.js";
+import { tokens } from "@gnist/themes/tokens.css.js";
+import { keyframes, style } from "@vanilla-extract/css";
+const rotate360 = keyframes({
+  "0%": { transform: "rotate(0deg)" },
+  "100%": { transform: "rotate(360deg)" }
+});
+const loadingSpinnerStyle = style([
+  atoms({
+    borderRadius: "full",
+    width: "xxl",
+    height: "xxl"
+  }),
+  {
+    border: `${tokens.size.base} solid ${tokens.color["on-loader"]}`,
+    borderTopColor: tokens.color.loader,
+    animation: `${rotate360} 0.8s linear infinite`
+  }
+]);
+export {
+  loadingSpinnerStyle
+};

package/dist/components/feedback/loaders/package.json

@@ -0,0 +1,7 @@
+{
+    "type": "module",
+    "internal": true,
+    "main": "./index.cjs",
+    "module": "./index.js",
+    "types": "./index.d.ts"
+}

package/dist/components/feedback/notifications/Lozenge.cjs

@@ -0,0 +1,7 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentUtils = require("@gnist/component-utils");
+const lozenge_css = require("./lozenge.css.cjs");
+const Lozenge = componentUtils.component("Lozenge", lozenge_css.lozengeRecipe, "span");
+exports.Lozenge = Lozenge;

package/dist/components/feedback/notifications/Lozenge.d.ts

@@ -0,0 +1,20 @@
+export declare const Lozenge: import("@gnist/component-utils").VanillaRecipeComponent<import("react").ElementType, "span", import("@gnist/component-utils").VariantSelection<{
+    colorVariant: {
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        neutral: string;
+    };
+    density: {
+        compact: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        default: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>>;
+//# sourceMappingURL=Lozenge.d.ts.map

package/dist/components/feedback/notifications/Lozenge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lozenge.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notifications/Lozenge.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;GAA8C,CAAC"}

package/dist/components/feedback/notifications/Lozenge.js

@@ -0,0 +1,7 @@
+"use client";
+import { component } from "@gnist/component-utils";
+import { lozengeRecipe } from "./lozenge.css.js";
+const Lozenge = component("Lozenge", lozengeRecipe, "span");
+export {
+  Lozenge
+};

package/dist/components/feedback/notifications/index.cjs

@@ -0,0 +1,5 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Lozenge = require("./Lozenge.cjs");
+exports.Lozenge = Lozenge.Lozenge;

package/dist/components/feedback/notifications/index.d.ts

@@ -0,0 +1,2 @@
+export { Lozenge } from "./Lozenge.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/notifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/feedback/notifications/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { Lozenge } from "./Lozenge.js";
+export {
+  Lozenge
+};

package/dist/components/feedback/notifications/lozenge.css.cjs

@@ -0,0 +1,64 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const atoms_css_js = require("@gnist/themes/atoms.css.js");
+const tokens_css_js = require("@gnist/themes/tokens.css.js");
+const css = require("@vanilla-extract/css");
+const cssUtils = require("@vanilla-extract/css-utils");
+const recipes = require("@vanilla-extract/recipes");
+const getColors = (variant) => atoms_css_js.atoms({
+  backgroundColor: `${variant}-container`,
+  color: `on-${variant}-container`,
+  borderColor: `on-${variant}-container`
+});
+const largeBody = tokens_css_js.tokens.type.large.body;
+const lozengeRecipe = recipes.recipe({
+  base: [
+    atoms_css_js.atoms({
+      display: "inline-flex",
+      alignItems: "center",
+      paddingY: "none",
+      paddingX: "xxs",
+      gap: "base",
+      borderWidth: "small",
+      borderRadius: "button"
+    }),
+    {
+      fontFamily: largeBody.fontFamily,
+      fontWeight: largeBody.fontWeight,
+      lineHeight: largeBody.lineHeight,
+      letterSpacing: largeBody.letterSpacing,
+      borderStyle: "solid"
+    }
+  ],
+  variants: {
+    colorVariant: {
+      primary: getColors("primary"),
+      secondary: getColors("secondary"),
+      info: getColors("info"),
+      success: getColors("success"),
+      warning: getColors("warning"),
+      error: getColors("error"),
+      neutral: atoms_css_js.atoms({
+        backgroundColor: "background",
+        borderColor: "on-background",
+        color: "on-background"
+      })
+    },
+    density: {
+      compact: { fontSize: tokens_css_js.tokens.type.small.detail.fontSize },
+      // Replaced small-overline with 0.75rem fontsize
+      default: { fontSize: tokens_css_js.tokens.type.medium.body.fontSize }
+      // Replaced large-overline with 1rem fontsize
+    }
+  },
+  defaultVariants: {
+    colorVariant: "neutral",
+    density: "default"
+  }
+});
+css.globalStyle(`${lozengeRecipe.classNames.base} > span > svg`, {
+  marginLeft: cssUtils.calc.multiply(-1, tokens_css_js.tokens.spacing.base),
+  marginRight: cssUtils.calc.multiply(-1, tokens_css_js.tokens.spacing.base)
+});
+exports.lozengeRecipe = lozengeRecipe;

package/dist/components/feedback/notifications/lozenge.css.d.ts

@@ -0,0 +1,21 @@
+export type ColorVariants = "primary" | "secondary" | "info" | "success" | "warning" | "error";
+export declare const lozengeRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
+    colorVariant: {
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        neutral: string;
+    };
+    density: {
+        compact: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        default: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+//# sourceMappingURL=lozenge.css.d.ts.map

package/dist/components/feedback/notifications/lozenge.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lozenge.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notifications/lozenge.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GACnB,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAUd,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;EA0CxB,CAAC"}

package/dist/components/feedback/notifications/lozenge.css.js

@@ -0,0 +1,64 @@
+"use client";
+import { atoms } from "@gnist/themes/atoms.css.js";
+import { tokens } from "@gnist/themes/tokens.css.js";
+import { globalStyle } from "@vanilla-extract/css";
+import { calc } from "@vanilla-extract/css-utils";
+import { recipe } from "@vanilla-extract/recipes";
+const getColors = (variant) => atoms({
+  backgroundColor: `${variant}-container`,
+  color: `on-${variant}-container`,
+  borderColor: `on-${variant}-container`
+});
+const largeBody = tokens.type.large.body;
+const lozengeRecipe = recipe({
+  base: [
+    atoms({
+      display: "inline-flex",
+      alignItems: "center",
+      paddingY: "none",
+      paddingX: "xxs",
+      gap: "base",
+      borderWidth: "small",
+      borderRadius: "button"
+    }),
+    {
+      fontFamily: largeBody.fontFamily,
+      fontWeight: largeBody.fontWeight,
+      lineHeight: largeBody.lineHeight,
+      letterSpacing: largeBody.letterSpacing,
+      borderStyle: "solid"
+    }
+  ],
+  variants: {
+    colorVariant: {
+      primary: getColors("primary"),
+      secondary: getColors("secondary"),
+      info: getColors("info"),
+      success: getColors("success"),
+      warning: getColors("warning"),
+      error: getColors("error"),
+      neutral: atoms({
+        backgroundColor: "background",
+        borderColor: "on-background",
+        color: "on-background"
+      })
+    },
+    density: {
+      compact: { fontSize: tokens.type.small.detail.fontSize },
+      // Replaced small-overline with 0.75rem fontsize
+      default: { fontSize: tokens.type.medium.body.fontSize }
+      // Replaced large-overline with 1rem fontsize
+    }
+  },
+  defaultVariants: {
+    colorVariant: "neutral",
+    density: "default"
+  }
+});
+globalStyle(`${lozengeRecipe.classNames.base} > span > svg`, {
+  marginLeft: calc.multiply(-1, tokens.spacing.base),
+  marginRight: calc.multiply(-1, tokens.spacing.base)
+});
+export {
+  lozengeRecipe
+};

package/dist/components/feedback/notifications/package.json

@@ -0,0 +1,7 @@
+{
+    "type": "module",
+    "internal": true,
+    "main": "./index.cjs",
+    "module": "./index.js",
+    "types": "./index.d.ts"
+}

package/dist/components/feedback/package.json

@@ -0,0 +1,7 @@
+{
+    "type": "module",
+    "internal": true,
+    "main": "./index.cjs",
+    "module": "./index.js",
+    "types": "./index.d.ts"
+}

package/dist/components/feedback/progress/ProgressBar.cjs

@@ -0,0 +1,25 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const componentUtils = require("@gnist/component-utils");
+const dynamic = require("@vanilla-extract/dynamic");
+const ProgressBar_css = require("./ProgressBar.css.cjs");
+const ProgressBarComponent = ({ color = "var(--moller-color-primary)", percentage, animateOnChange = false, size = "medium", ...delegated }) => {
+  if (percentage < 0 || percentage > 100) {
+    throw new Error("The value of the progress bar must be a number between 0 and 100.");
+  }
+  const barHeight = size === "small" ? "var(--moller-size-xxs)" : size === "medium" ? "var(--moller-size-xs)" : "var(--moller-size-s)";
+  return jsxRuntime.jsx("div", { className: ProgressBar_css.progressBarStyles, style: {
+    minHeight: `calc(${barHeight} / 2)`
+  }, ...delegated, children: jsxRuntime.jsx("div", { className: `${ProgressBar_css.progressBar} ${animateOnChange ? "" : ProgressBar_css.progressAnimation}`, style: {
+    ...dynamic.assignInlineVars({
+      [ProgressBar_css.progressPercentage]: `${percentage}%`
+    }),
+    backgroundColor: color,
+    width: `${percentage}%`
+  } }) });
+};
+const ProgressBar = componentUtils.component("Progress Bar", ProgressBar_css.progressBarStyles, ProgressBarComponent);
+exports.ProgressBar = ProgressBar;
+exports.ProgressBarComponent = ProgressBarComponent;

package/dist/components/feedback/progress/ProgressBar.css.cjs

@@ -0,0 +1,29 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tokens_css_js = require("@gnist/themes/tokens.css.js");
+const css = require("@vanilla-extract/css");
+const progressBarStyles = css.style({
+  overflow: "hidden",
+  display: "flex",
+  backgroundColor: tokens_css_js.tokens.color.outline,
+  width: "100%"
+});
+const progressBar = css.style({
+  transition: "width 0.5s ease-in-out"
+});
+const progressPercentage = css.createVar();
+const progress = css.keyframes({
+  from: { width: "0%" },
+  to: { width: progressPercentage }
+});
+const progressAnimation = css.style({
+  animationName: progress,
+  animationDuration: "1s",
+  animationTimingFunction: "ease-in-out",
+  animationFillMode: "forwards"
+});
+exports.progressAnimation = progressAnimation;
+exports.progressBar = progressBar;
+exports.progressBarStyles = progressBarStyles;
+exports.progressPercentage = progressPercentage;

package/dist/components/feedback/progress/ProgressBar.css.d.ts

@@ -0,0 +1,5 @@
+export declare const progressBarStyles: string;
+export declare const progressBar: string;
+export declare const progressPercentage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+export declare const progressAnimation: string;
+//# sourceMappingURL=ProgressBar.css.d.ts.map

package/dist/components/feedback/progress/ProgressBar.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/ProgressBar.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,QAK5B,CAAC;AAEH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,kBAAkB,oFAAc,CAAC;AAO9C,eAAO,MAAM,iBAAiB,QAK5B,CAAC"}

package/dist/components/feedback/progress/ProgressBar.css.js

@@ -0,0 +1,29 @@
+"use client";
+import { tokens } from "@gnist/themes/tokens.css.js";
+import { style, createVar, keyframes } from "@vanilla-extract/css";
+const progressBarStyles = style({
+  overflow: "hidden",
+  display: "flex",
+  backgroundColor: tokens.color.outline,
+  width: "100%"
+});
+const progressBar = style({
+  transition: "width 0.5s ease-in-out"
+});
+const progressPercentage = createVar();
+const progress = keyframes({
+  from: { width: "0%" },
+  to: { width: progressPercentage }
+});
+const progressAnimation = style({
+  animationName: progress,
+  animationDuration: "1s",
+  animationTimingFunction: "ease-in-out",
+  animationFillMode: "forwards"
+});
+export {
+  progressAnimation,
+  progressBar,
+  progressBarStyles,
+  progressPercentage
+};

package/dist/components/feedback/progress/ProgressBar.d.ts

@@ -0,0 +1,11 @@
+interface ProgressBarProps {
+    className?: string;
+    color?: string;
+    percentage: number;
+    animateOnChange?: boolean;
+    size?: "small" | "medium" | "large";
+}
+export declare const ProgressBarComponent: React.FC<ProgressBarProps>;
+export declare const ProgressBar: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, import("react").FC<ProgressBarProps>>;
+export {};
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/feedback/progress/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/ProgressBar.tsx"],"names":[],"mappings":"AASA,UAAU,gBAAgB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACvC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0C3D,CAAC;AAEF,eAAO,MAAM,WAAW,sHAIvB,CAAC"}

package/dist/components/feedback/progress/ProgressBar.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { component } from "@gnist/component-utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { progressBarStyles, progressBar, progressAnimation, progressPercentage } from "./ProgressBar.css.js";
+const ProgressBarComponent = ({ color = "var(--moller-color-primary)", percentage, animateOnChange = false, size = "medium", ...delegated }) => {
+  if (percentage < 0 || percentage > 100) {
+    throw new Error("The value of the progress bar must be a number between 0 and 100.");
+  }
+  const barHeight = size === "small" ? "var(--moller-size-xxs)" : size === "medium" ? "var(--moller-size-xs)" : "var(--moller-size-s)";
+  return jsx("div", { className: progressBarStyles, style: {
+    minHeight: `calc(${barHeight} / 2)`
+  }, ...delegated, children: jsx("div", { className: `${progressBar} ${animateOnChange ? "" : progressAnimation}`, style: {
+    ...assignInlineVars({
+      [progressPercentage]: `${percentage}%`
+    }),
+    backgroundColor: color,
+    width: `${percentage}%`
+  } }) });
+};
+const ProgressBar = component("Progress Bar", progressBarStyles, ProgressBarComponent);
+export {
+  ProgressBar,
+  ProgressBarComponent
+};

package/dist/components/feedback/progress/index.cjs

@@ -0,0 +1,6 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ProgressBar = require("./ProgressBar.cjs");
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.ProgressBarComponent = ProgressBar.ProgressBarComponent;

package/dist/components/feedback/progress/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ProgressBar.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/feedback/progress/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { ProgressBar, ProgressBarComponent } from "./ProgressBar.js";
+export {
+  ProgressBar,
+  ProgressBarComponent
+};

package/dist/components/feedback/progress/package.json

@@ -0,0 +1,7 @@
+{
+    "type": "module",
+    "internal": true,
+    "main": "./index.cjs",
+    "module": "./index.js",
+    "types": "./index.d.ts"
+}

package/dist/components/index.cjs

@@ -0,0 +1,64 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const PrimaryButton = require("./actions/buttons/PrimaryButton.cjs");
+const SecondaryButton = require("./actions/buttons/SecondaryButton.cjs");
+const SuccessButton = require("./actions/buttons/SuccessButton.cjs");
+const DangerButton = require("./actions/buttons/DangerButton.cjs");
+const GhostButton = require("./actions/buttons/GhostButton.cjs");
+const TextButton = require("./actions/buttons/TextButton.cjs");
+const IconButton = require("./actions/buttons/IconButton.cjs");
+const Checkbox = require("./actions/selectionControls/Checkbox.cjs");
+const RadioButton = require("./actions/selectionControls/RadioButton.cjs");
+const ActionChip = require("./actions/chips/ActionChip.cjs");
+const FilterChip = require("./actions/chips/FilterChip.cjs");
+const TagChip = require("./actions/chips/TagChip.cjs");
+const AlertBanner = require("./feedback/alerts/AlertBanner.cjs");
+const LoadingSpinner = require("./feedback/loaders/LoadingSpinner.cjs");
+const Lozenge = require("./feedback/notifications/Lozenge.cjs");
+const ProgressBar = require("./feedback/progress/ProgressBar.cjs");
+const MultiSelect = require("./inputs/dropdowns/MultiSelect.cjs");
+const SingleSelect = require("./inputs/dropdowns/SingleSelect.cjs");
+const calendar = require("./inputs/pickers/calendar.cjs");
+const TextArea = require("./inputs/textFields/TextArea.cjs");
+const TextField = require("./inputs/textFields/TextField.cjs");
+const Spinner = require("./progress/Spinner.cjs");
+const ActionCard = require("./surfaces/cards/ActionCard.cjs");
+const CheckboxCard = require("./surfaces/cards/CheckboxCard.cjs");
+const InfoCard = require("./surfaces/cards/InfoCard.cjs");
+const LinkCard = require("./surfaces/cards/LinkCard.cjs");
+const RadioCard = require("./surfaces/cards/RadioCard.cjs");
+const Modal = require("./surfaces/modal/Modal.cjs");
+const Accordion = require("./surfaces/accordion/Accordion.cjs");
+exports.PrimaryButton = PrimaryButton.PrimaryButton;
+exports.SecondaryButton = SecondaryButton.SecondaryButton;
+exports.SuccessButton = SuccessButton.SuccessButton;
+exports.DangerButton = DangerButton.DangerButton;
+exports.GhostButton = GhostButton.GhostButton;
+exports.TextButton = TextButton.TextButton;
+exports.IconButton = IconButton.IconButton;
+exports.Checkbox = Checkbox.Checkbox;
+exports.RadioButton = RadioButton.RadioButton;
+exports.ActionChip = ActionChip.ActionChip;
+exports.FilterChip = FilterChip.FilterChip;
+exports.TagChip = TagChip.TagChip;
+exports.AlertBanner = AlertBanner.AlertBanner;
+exports.LoadingSpinner = LoadingSpinner.LoadingSpinner;
+exports.Lozenge = Lozenge.Lozenge;
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.ProgressBarComponent = ProgressBar.ProgressBarComponent;
+exports.MultiSelect = MultiSelect.MultiSelect;
+exports.SingleSelect = SingleSelect.SingleSelect;
+exports.Calendar = calendar.Calendar;
+exports.TextArea = TextArea.TextArea;
+exports.characterCount = TextArea.characterCount;
+exports.wordCount = TextArea.wordCount;
+exports.TextField = TextField.TextField;
+exports.Spinner = Spinner.Spinner;
+exports.ActionCard = ActionCard.ActionCard;
+exports.CheckboxCard = CheckboxCard.CheckboxCard;
+exports.InfoCard = InfoCard.InfoCard;
+exports.LinkCard = LinkCard.LinkCard;
+exports.RadioCard = RadioCard.RadioCard;
+exports.Modal = Modal.Modal;
+exports.Accordion = Accordion.Accordion;

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./actions/index.js";
+export * from "./feedback/index.js";
+export * from "./inputs/index.js";
+export * from "./progress/index.js";
+export * from "./surfaces/index.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,64 @@
+"use client";
+import { PrimaryButton } from "./actions/buttons/PrimaryButton.js";
+import { SecondaryButton } from "./actions/buttons/SecondaryButton.js";
+import { SuccessButton } from "./actions/buttons/SuccessButton.js";
+import { DangerButton } from "./actions/buttons/DangerButton.js";
+import { GhostButton } from "./actions/buttons/GhostButton.js";
+import { TextButton } from "./actions/buttons/TextButton.js";
+import { IconButton } from "./actions/buttons/IconButton.js";
+import { Checkbox } from "./actions/selectionControls/Checkbox.js";
+import { RadioButton } from "./actions/selectionControls/RadioButton.js";
+import { ActionChip } from "./actions/chips/ActionChip.js";
+import { FilterChip } from "./actions/chips/FilterChip.js";
+import { TagChip } from "./actions/chips/TagChip.js";
+import { AlertBanner } from "./feedback/alerts/AlertBanner.js";
+import { LoadingSpinner } from "./feedback/loaders/LoadingSpinner.js";
+import { Lozenge } from "./feedback/notifications/Lozenge.js";
+import { ProgressBar, ProgressBarComponent } from "./feedback/progress/ProgressBar.js";
+import { MultiSelect } from "./inputs/dropdowns/MultiSelect.js";
+import { SingleSelect } from "./inputs/dropdowns/SingleSelect.js";
+import { Calendar } from "./inputs/pickers/calendar.js";
+import { TextArea, characterCount, wordCount } from "./inputs/textFields/TextArea.js";
+import { TextField } from "./inputs/textFields/TextField.js";
+import { Spinner } from "./progress/Spinner.js";
+import { ActionCard } from "./surfaces/cards/ActionCard.js";
+import { CheckboxCard } from "./surfaces/cards/CheckboxCard.js";
+import { InfoCard } from "./surfaces/cards/InfoCard.js";
+import { LinkCard } from "./surfaces/cards/LinkCard.js";
+import { RadioCard } from "./surfaces/cards/RadioCard.js";
+import { Modal } from "./surfaces/modal/Modal.js";
+import { Accordion } from "./surfaces/accordion/Accordion.js";
+export {
+  Accordion,
+  ActionCard,
+  ActionChip,
+  AlertBanner,
+  Calendar,
+  Checkbox,
+  CheckboxCard,
+  DangerButton,
+  FilterChip,
+  GhostButton,
+  IconButton,
+  InfoCard,
+  LinkCard,
+  LoadingSpinner,
+  Lozenge,
+  Modal,
+  MultiSelect,
+  PrimaryButton,
+  ProgressBar,
+  ProgressBarComponent,
+  RadioButton,
+  RadioCard,
+  SecondaryButton,
+  SingleSelect,
+  Spinner,
+  SuccessButton,
+  TagChip,
+  TextArea,
+  TextButton,
+  TextField,
+  characterCount,
+  wordCount
+};

package/dist/components/inputs/dropdowns/MultiSelect.cjs

@@ -0,0 +1,9 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const SelectBase = require("./SelectBase.cjs");
+const MultiSelect = React.forwardRef(function MultiSelect2(props, ref) {
+  return SelectBase.SelectBase(props, true, ref);
+});
+exports.MultiSelect = MultiSelect;

package/dist/components/inputs/dropdowns/MultiSelect.d.ts

@@ -0,0 +1,7 @@
+import { SelectBaseProps } from "./SelectBase.js";
+export type MultiSelectProps = SelectBaseProps<string[]>;
+/**
+ Multi selects allow our users to choose one to many options from a list, presented in a dropdown. We typically see these select-inputs in forms.
+ */
+export declare const MultiSelect: React.FC<MultiSelectProps>;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/inputs/dropdowns/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdowns/MultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,CAAC;AAEzD;;GAEG;AAEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAIlD,CAAC"}

package/dist/components/inputs/dropdowns/MultiSelect.js

@@ -0,0 +1,9 @@
+"use client";
+import { forwardRef } from "react";
+import { SelectBase } from "./SelectBase.js";
+const MultiSelect = forwardRef(function MultiSelect2(props, ref) {
+  return SelectBase(props, true, ref);
+});
+export {
+  MultiSelect
+};