@dust-tt/sparkle 0.2.180-tsc → 0.2.180-tsc-2

package/dist/components/AssistantPreview.js

@@ -26,11 +26,11 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React, { useState } from "react";
-import { Avatar } from "@sparkle/components/Avatar";
-import { Button } from "@sparkle/components/Button";
-import { CardButton } from "@sparkle/components/CardButton";
-import { More as MoreIcon } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { Avatar } from "../components/Avatar";
+import { Button } from "../components/Button";
+import { CardButton } from "../components/CardButton";
+import { More as MoreIcon } from "../icons/solid";
+import { classNames } from "../lib/utils";
 var isBrowser = typeof window !== "undefined";
 var breakpoints = {
     sm: 640, // Tailwind's default for `sm`

package/dist/components/Avatar.js

@@ -15,9 +15,9 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React, { useState } from "react";
-import { User } from "@sparkle/icons/solid";
-import { getEmojiAndBackgroundFromUrl } from "@sparkle/lib/avatar/utils";
-import { classNames } from "@sparkle/lib/utils";
+import { User } from "../icons/solid";
+import { getEmojiAndBackgroundFromUrl } from "../lib/avatar/utils";
+import { classNames } from "../lib/utils";
 var colors = [
     "s-bg-red-300",
     "s-bg-orange-300",

package/dist/components/Banner.js

@@ -15,9 +15,9 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React, { useEffect, useState } from "react";
-import { IconButton } from "@sparkle/components/IconButton";
-import { XMark as XMarkIcon } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { IconButton } from "../components/IconButton";
+import { XMark as XMarkIcon } from "../icons/solid";
+import { classNames } from "../lib/utils";
 var variantClasses = {
     info: "s-bg-indigo-300 s-text-indigo-950",
     incident: "s-bg-amber-300 s-text-amber-950",

package/dist/components/BarHeader.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { ArrowUpOnSquare, ChevronLeft, Trash, XMark, } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { ArrowUpOnSquare, ChevronLeft, Trash, XMark, } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { Button } from "./Button";
 export function BarHeader(_a) {
     var title = _a.title, leftActions = _a.leftActions, rightActions = _a.rightActions, _b = _a.className, className = _b === void 0 ? "" : _b;

package/dist/components/Button.js

@@ -1,6 +1,6 @@
 import React, { Children, cloneElement, } from "react";
-import { ChevronDown, ChevronUpDown } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { ChevronDown, ChevronUpDown } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { Avatar } from "./Avatar";
 import { Icon } from "./Icon";
 import { Tooltip } from "./Tooltip";

package/dist/components/CardButton.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { noHrefLink, SparkleContext, } from "@sparkle/context";
-import { classNames } from "@sparkle/lib/utils";
+import { noHrefLink, SparkleContext, } from "../context";
+import { classNames } from "../lib/utils";
 var variantClasses = {
     primary: "s-bg-structure-50 s-border s-border-structure-200 hover:s-bg-white hover:s-border-structure-100 active:s-bg-structure-100 active:s-border-structure-200",
     secondary: "s-bg-structure-0 s-border s-border-structure-100 hover:s-bg-structure-50 hover:s-border-structure-200 active:s-bg-structure-100 active:s-border-structure-300",

package/dist/components/Checkbox.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { Check, Dash } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { Check, Dash } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 export function Checkbox(_a) {
     var _b = _a.variant, variant = _b === void 0 ? "selectable" : _b, checked = _a.checked, onChange = _a.onChange, _c = _a.className, className = _c === void 0 ? "" : _c, disabled = _a.disabled, partialChecked = _a.partialChecked;

package/dist/components/Chip.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 var sizeClasses = {
     xs: "s-h-7 s-text-xs s-font-medium s-px-3 s-gap-2",

package/dist/components/Citation.js

@@ -1,7 +1,7 @@
 import React from "react";
-import { DocumentText, Image } from "@sparkle/icons/stroke";
-import { classNames } from "@sparkle/lib/utils";
-import { Confluence, Drive, Github, Intercom, Microsoft, Notion, Slack, } from "@sparkle/logo/platforms";
+import { DocumentText, Image } from "../icons/stroke";
+import { classNames } from "../lib/utils";
+import { Confluence, Drive, Github, Intercom, Microsoft, Notion, Slack, } from "../logo/platforms";
 import { Avatar, CardButton, Icon, IconButton, Tooltip, XCircleIcon } from "..";
 var typeIcons = {
     confluence: Confluence,

package/dist/components/CollapseButton.js

@@ -1,6 +1,6 @@
 import Lottie from "lottie-react";
 import React, { useEffect, useRef } from "react";
-import collapseBar from "@sparkle/lottie/collapseBar";
+import collapseBar from "../lottie/collapseBar";
 // Constant to store frame numbers
 var FRAMES = {
     INITIAL: 0,

package/dist/components/Collapsible.js

@@ -1,7 +1,7 @@
 import { Disclosure, Transition } from "@headlessui/react";
 import React, { createContext, useContext } from "react";
-import { ChevronDown, ChevronRight } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { ChevronDown, ChevronRight } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 var OpenStateContext = createContext(undefined);
 var useOpenState = function () {

package/dist/components/ContentMessage.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 import { Icon, InformationCircleIcon } from "..";
 export function ContentMessage(_a) {
     var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "amber" : _b, children = _a.children, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.className, className = _d === void 0 ? "" : _d;

package/dist/components/ContextItem.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 export function ContextItem(_a) {
     var action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b, _c = _a.hasSeparatorIfLast, hasSeparatorIfLast = _c === void 0 ? false : _c, subElement = _a.subElement, title = _a.title, visual = _a.visual, onClick = _a.onClick;

package/dist/components/DataTable.js

@@ -51,9 +51,9 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React from "react";
-import { Page } from "@sparkle/index";
-import { ClipboardCheckIcon, ClipboardIcon, IconButton } from "@sparkle/index";
-import { useCopyToClipboard } from "@sparkle/lib/utils";
+import { Page } from "../index";
+import { ClipboardCheckIcon, ClipboardIcon, IconButton } from "../index";
+import { useCopyToClipboard } from "../lib/utils";
 export var DataTable = React.forwardRef(function (_a, ref) {
     var name = _a.name, columns = _a.columns, rows = _a.rows, enableCopy = _a.enableCopy, showLimit = _a.showLimit, downloadButton = _a.downloadButton;
     var _b = __read(useCopyToClipboard(), 2), isCopied = _b[0], copyToClipboard = _b[1];

package/dist/components/Dialog.js

@@ -1,7 +1,7 @@
 import { Dialog as HeadlessDialog, Transition } from "@headlessui/react";
 import React, { Fragment, useRef } from "react";
-import { ConfettiBackground, Spinner } from "@sparkle/index";
-import { classNames } from "@sparkle/lib/utils";
+import { ConfettiBackground, Spinner } from "../index";
+import { classNames } from "../lib/utils";
 import { Button } from "./Button";
 export function Dialog(_a) {
     var isOpen = _a.isOpen, children = _a.children, onCancel = _a.onCancel, onValidate = _a.onValidate, _b = _a.cancelLabel, cancelLabel = _b === void 0 ? "Cancel" : _b, _c = _a.validateLabel, validateLabel = _c === void 0 ? "Ok" : _c, _d = _a.validateVariant, validateVariant = _d === void 0 ? "primary" : _d, title = _a.title, isSaving = _a.isSaving, _e = _a.backgroundType, backgroundType = _e === void 0 ? "none" : _e;

package/dist/components/DropdownMenu.js

@@ -16,8 +16,8 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { Menu, Transition } from "@headlessui/react";
 import React, { Fragment, useContext, useEffect, useRef, useState, } from "react";
-import { ChevronDown, ChevronRight, ChevronUpDown } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { ChevronDown, ChevronRight, ChevronUpDown } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 import { Item as StandardItem } from "./Item";
 import { Tooltip } from "./Tooltip";

package/dist/components/EmojiPicker.d.ts

@@ -1,6 +1,6 @@
 import type { EmojiMartData } from "@emoji-mart/data";
 import React from "react";
-import { EmojiSkinType } from "@sparkle/lib/avatar/types";
+import { EmojiSkinType } from "../lib/avatar/types";
 interface EmojiPickerProps {
     data?: EmojiMartData;
     onEmojiSelect: (emoji: EmojiSkinType) => void;

package/dist/components/Hoverable.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 export function Hoverable(_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, onClick = _a.onClick;
     return (React.createElement("span", { className: classNames("s-cursor-pointer s-duration-300 hover:s-text-action-500 active:s-text-action-600", className), onClick: onClick }, children));

package/dist/components/Icon.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 var IconSizes = {
     xs: "s-h-4 s-w-4",
     sm: "s-h-5 s-w-5",

package/dist/components/IconButton.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 import { Tooltip } from "./Tooltip";
 var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";

package/dist/components/IconToggleButton.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 import { Tooltip } from "./Tooltip";
 var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";

package/dist/components/Input.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 var sizeInputClasses = {
     sm: "s-text-base s-rounded-md s-py-1.5 s-pl-4 s-pr-8",
     md: "s-text-lg s-rounded-lg s-py-2 s-pl-4 s-pr-10",

package/dist/components/Item.js

@@ -21,9 +21,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from "react";
-import { noHrefLink, SparkleContext, } from "@sparkle/context";
-import { ChevronRight } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { noHrefLink, SparkleContext, } from "../context";
+import { ChevronRight } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { Avatar } from "./Avatar";
 import { Icon } from "./Icon";
 var labelStyleClasses = {

package/dist/components/Markdown.js

@@ -52,9 +52,9 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import React from "react";
 import ReactMarkdown from "react-markdown";
-import { Button, ClipboardCheckIcon, ClipboardIcon } from "@sparkle/index";
-import { classNames } from "@sparkle/lib/utils";
-import { useCopyToClipboard } from "@sparkle/lib/utils";
+import { Button, ClipboardCheckIcon, ClipboardIcon } from "../index";
+import { classNames } from "../lib/utils";
+import { useCopyToClipboard } from "../lib/utils";
 var textColor = "s-text-element-900";
 var paragraphSize = "s-text-base";
 var headingSize = {

package/dist/components/Modal.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 var _a;
 import { Dialog, Transition } from "@headlessui/react";
 import React, { Fragment } from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 import { BarHeader } from "./BarHeader";
 import { Button } from "./Button";
 export var ModalType;

package/dist/components/Notification.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { CheckCircleIcon, IconButton, XCircleIcon, XMarkIcon, } from "@sparkle/index";
-import { classNames } from "@sparkle/lib/utils";
+import { CheckCircleIcon, IconButton, XCircleIcon, XMarkIcon, } from "../index";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 export function Notification(_a) {
     var description = _a.description, title = _a.title, variant = _a.variant, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? "" : _b;

package/dist/components/Page.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 import { Button } from "./Button";
 import { Icon } from "./Icon";
 export function Page(_a) {

package/dist/components/PaginatedCitationsGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CitationType } from "@sparkle/components/Citation";
+import { CitationType } from "../components/Citation";
 interface CitationItem {
     description?: string;
     title: string;

package/dist/components/PaginatedCitationsGrid.js

@@ -16,9 +16,9 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { useState } from "react";
 import React from "react";
-import { Pagination } from "@sparkle/components/Pagination";
-import { Citation } from "@sparkle/index";
-import { classNames } from "@sparkle/lib/utils";
+import { Pagination } from "../components/Pagination";
+import { Citation } from "../index";
+import { classNames } from "../lib/utils";
 export function PaginatedCitationsGrid(_a) {
     var items = _a.items, _b = _a.maxItemsPerPage, maxItemsPerPage = _b === void 0 ? 9 : _b;
     var _c = __read(useState(1), 2), currentPage = _c[0], setCurrentPage = _c[1];

package/dist/components/Pagination.js

@@ -16,8 +16,8 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import React, { useCallback } from "react";
 import { useState } from "react";
-import { ChevronLeft, ChevronRight } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { ChevronLeft, ChevronRight } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { Button } from "./Button";
 var pagesShownInControls = 7;
 export function Pagination(_a) {

package/dist/components/Popup.js

@@ -1,7 +1,7 @@
 import { Transition } from "@headlessui/react";
 import React from "react";
-import { XMark } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { XMark } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { IconButton } from "..";
 import { Button } from "./Button";
 import { Chip } from "./Chip";

package/dist/components/PriceTable.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { Check, Dash, XMark } from "@sparkle/icons/solid";
-import { classNames } from "@sparkle/lib/utils";
+import { Check, Dash, XMark } from "../icons/solid";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 var colorTable = {
     pink: "s-bg-gradient-to-r s-from-pink-400 s-to-red-300 dark:s-bg-pink-500",

package/dist/components/RadioButton.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 var labelClasses = {
     base: "s-text-sm s-text-element-800 dark:s-text-element-800-dark",
     disabled: "s-text-sm s-text-element-600 dark:s-text-element-600-dark",

package/dist/components/Searchbar.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from "react";
-import { Icon } from "@sparkle/components/Icon";
-import { classNames } from "@sparkle/lib/utils";
+import { Icon } from "../components/Icon";
+import { classNames } from "../lib/utils";
 import { MagnifyingGlassStrokeIcon, XMarkIcon } from "..";
 import { IconButton } from "./IconButton";
 var sizeClasses = {

package/dist/components/SliderToggle.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 var baseClasses = "s-rounded-full s-cursor-pointer s-transition-colors s-duration-300 s-ease-out s-cursor-pointer s-flex s-items-center s-flex";
 var sizeClasses = {
     xs: "s-h-7 s-w-10",

package/dist/components/Spinner.js

@@ -1,14 +1,14 @@
 import Lottie from "lottie-react";
 import React from "react";
-import animColor from "@sparkle/lottie/spinnerColor";
-import animColorLG from "@sparkle/lottie/spinnerColorLG";
-import animColorXS from "@sparkle/lottie/spinnerColorXS";
-import animDark from "@sparkle/lottie/spinnerDark";
-import animDarkLG from "@sparkle/lottie/spinnerDarkLG";
-import animDarkXS from "@sparkle/lottie/spinnerDarkXS";
-import animLightXS from "@sparkle/lottie/spinnerLight";
-import animLightLG from "@sparkle/lottie/spinnerLightLG";
-import animSimpleLight from "@sparkle/lottie/spinnerLightXS";
+import animColor from "../lottie/spinnerColor";
+import animColorLG from "../lottie/spinnerColorLG";
+import animColorXS from "../lottie/spinnerColorXS";
+import animDark from "../lottie/spinnerDark";
+import animDarkLG from "../lottie/spinnerDarkLG";
+import animDarkXS from "../lottie/spinnerDarkXS";
+import animLightXS from "../lottie/spinnerLight";
+import animLightLG from "../lottie/spinnerLightLG";
+import animSimpleLight from "../lottie/spinnerLightXS";
 var pxSizeClasses = {
     xs: "16",
     sm: "20",

package/dist/components/Tab.js

@@ -1,7 +1,7 @@
 import React from "react";
-import { noHrefLink, SparkleContext, } from "@sparkle/context";
-import { ChevronRightIcon } from "@sparkle/index";
-import { classNames } from "@sparkle/lib/utils";
+import { noHrefLink, SparkleContext, } from "../context";
+import { ChevronRightIcon } from "../index";
+import { classNames } from "../lib/utils";
 import { Icon } from "./Icon";
 import { Tooltip } from "./Tooltip";
 var tabClasses = {

package/dist/components/TemplateItem.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { Avatar } from "@sparkle/components/Avatar";
-import { CardButton } from "@sparkle/components/CardButton";
+import { Avatar } from "../components/Avatar";
+import { CardButton } from "../components/CardButton";
 export function TemplateItem(_a) {
     var description = _a.description, href = _a.href, name = _a.name, visual = _a.visual;
     return (React.createElement(CardButton, { className: "s-flex s-max-h-32 s-max-w-lg s-flex-row s-gap-5 s-p-4", href: href, variant: "tertiary", target: "_self", replace: true, shallow: true },

package/dist/components/TextArea.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 export function TextArea(_a) {
     var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className;
     var textareaRef = useRef(null);

package/dist/components/Tooltip.js

@@ -15,7 +15,7 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React, { useEffect, useState } from "react";
-import { classNames } from "@sparkle/lib/utils";
+import { classNames } from "../lib/utils";
 export function Tooltip(_a) {
     var children = _a.children, label = _a.label, _b = _a.position, position = _b === void 0 ? "above" : _b, contentChildren = _a.contentChildren;
     var _c = __read(useState(false), 2), isHovered = _c[0], setIsHovered = _c[1];

package/dist/components/Tree.js

@@ -26,9 +26,9 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React, { useState } from "react";
-import { ChatBubbleBottomCenterText, DocumentText, Folder, Square3Stack3D, } from "@sparkle/icons/stroke";
-import { ChevronDownIcon, ChevronRightIcon, Spinner } from "@sparkle/index";
-import { classNames } from "@sparkle/lib/utils";
+import { ChatBubbleBottomCenterText, DocumentText, Folder, Square3Stack3D, } from "../icons/stroke";
+import { ChevronDownIcon, ChevronRightIcon, Spinner } from "../index";
+import { classNames } from "../lib/utils";
 import { Checkbox } from "./Checkbox";
 import { Icon } from "./Icon";
 import { IconButton } from "./IconButton";

package/dist/components/ZoomableImageCitationWrapper.js

@@ -16,8 +16,8 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { Dialog } from "@headlessui/react";
 import React, { useState } from "react";
-import { XCircle } from "@sparkle/icons/solid";
-import { Citation, IconButton } from "@sparkle/index";
+import { XCircle } from "../icons/solid";
+import { Citation, IconButton } from "../index";
 export function ZoomableImageCitationWrapper(_a) {
     var alt = _a.alt, imgSrc = _a.imgSrc, title = _a.title, _b = _a.size, size = _b === void 0 ? "sm" : _b;
     var _c = __read(useState(false), 2), isZoomed = _c[0], setIsZoomed = _c[1];

package/dist/stories/Banner.stories.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Banner } from "@sparkle/components/Banner";
+import { Banner } from "../components/Banner";
 declare const meta: {
     title: string;
     component: typeof Banner;

package/dist/stories/Banner.stories.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { Banner } from "@sparkle/components/Banner";
-import { Button } from "@sparkle/components/Button";
+import { Banner } from "../components/Banner";
+import { Button } from "../components/Button";
 var meta = {
     title: "Components/Banner",
     component: Banner,

package/dist/stories/BarHeader.stories.js

@@ -15,7 +15,7 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React from "react";
-import { ChatBubbleBottomCenterText } from "@sparkle/icons/solid";
+import { ChatBubbleBottomCenterText } from "../icons/solid";
 import { BarHeader, Page } from "../index_with_tw_base";
 var meta = {
     title: "Modules/BarHeader",

package/dist/stories/Citation.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ZoomableImageCitationWrapper } from "@sparkle/components/ZoomableImageCitationWrapper";
+import { ZoomableImageCitationWrapper } from "../components/ZoomableImageCitationWrapper";
 import { Citation } from "../index_with_tw_base";
 var meta = {
     title: "Components/Citation",

package/dist/stories/ConfettiBackground.stories.js

@@ -1,5 +1,5 @@
 import React, { useRef } from "react";
-import { ConfettiBackground } from "@sparkle/index";
+import { ConfettiBackground } from "../index";
 var meta = {
     title: "Components/ConfettiBackground",
     component: ConfettiBackground,

package/dist/stories/ContextItem.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Drive, Github, Notion, Slack } from "@sparkle/logo/platforms";
+import { Drive, Github, Notion, Slack } from "../logo/platforms";
 import { Avatar, Button, Chip, Cog6ToothIcon, ContextItem, PencilSquareIcon, SliderToggle, TrashIcon, } from "../index_with_tw_base";
 var meta = {
     title: "Components/ContextItem",

package/dist/stories/Hover3D.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { LogoSquareColor } from "@sparkle/logo/dust";
+import { LogoSquareColor } from "../logo/dust";
 import { Div3D, GithubLogo, Hover3D, Icon } from "../index_with_tw_base";
 var meta = {
     title: "Components/Hover3D",

package/dist/stories/Hoverable.stories.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Hoverable } from "@sparkle/components/Hoverable";
+import { Hoverable } from "../components/Hoverable";
 declare const meta: {
     title: string;
     component: typeof Hoverable;

package/dist/stories/Hoverable.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Hoverable } from "@sparkle/components/Hoverable";
+import { Hoverable } from "../components/Hoverable";
 var meta = {
     title: "Primitives/Hoverable",
     component: Hoverable,

package/dist/stories/Page.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ChatBubbleLeftRight } from "@sparkle/icons/solid";
+import { ChatBubbleLeftRight } from "../icons/solid";
 import { Avatar, Button, ChatBubbleBottomCenterTextIcon, CloudArrowLeftRightIcon, ContextItem, FolderIcon, GlobeAltIcon, Icon, Page, RocketIcon, } from "../index_with_tw_base";
 var meta = {
     title: "Modules/Page",

package/dist/stories/RadioButton.stories.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { RadioButton } from "@sparkle/components/RadioButton";
+import { RadioButton } from "../components/RadioButton";
 declare const meta: {
     title: string;
     component: typeof RadioButton;

package/dist/stories/RadioButton.stories.js

@@ -15,7 +15,7 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import React from "react";
-import { RadioButton } from "@sparkle/components/RadioButton";
+import { RadioButton } from "../components/RadioButton";
 var meta = {
     title: "Primitives/RadioButton",
     component: RadioButton,

package/dist/stories/Tree.stories.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { v4 as uuidv4 } from "uuid";
-import { Dust } from "@sparkle/icons/solid";
+import { Dust } from "../icons/solid";
 import { CloudArrowDownIcon, IconButton, IntercomLogo, NotionLogo, PlusCircleIcon, SlackLogo, Tree, } from "../index_with_tw_base";
 var meta = {
     title: "Components/Tree",

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.180-tsc",
+  "version": "0.2.180-tsc-2",
   "scripts": {
     "copy": "copyfiles -u 1 src/**/*.css src/**/*.svg src/**/*.png src/**/*.json dist",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
-    "build": "rm -rf dist && npm run tailwind && npm run copy && tsc",
+    "build": "rm -rf dist && npm run tailwind && npm run copy && tsc && tsc-alias",
     "storybook": "storybook dev -p 6006 --debug-webpack",
     "build-storybook": "storybook build",
     "format:check": "prettier --check .",
@@ -60,6 +60,7 @@
     "sass-loader": "^13.3.2",
     "storybook": "^7.4.6",
     "tailwindcss": "^3.2.4",
+    "tsc-alias": "^1.8.10",
     "typescript": "^5.4.5",
     "typescript-transform-paths": "^3.4.7",
     "uuid": "^9.0.1"