{"version":3,"sources":["../src/index.ts","#style-inject:#style-inject","../src/styles/global.css","../src/components/loader/css/loader.css","../src/components/loader/loader.tsx","../src/components/button/css/button.css","../src/components/button/utils/utils.tsx","../src/components/button/button.tsx","../src/assets/icons/icons.tsx","../src/components/cards/simpleCard/css/simpleCard.css","../src/components/cards/simpleCard/utils/utils.tsx","../src/components/cards/simpleCard/simpleCard.tsx"],"sourcesContent":["\"use client\";\nexport * from \"./components/button/button\";\nexport * from \"./components/cards\";\nexport * from \"./components/loader/loader\";\n","\n export default function styleInject(css, { insertAt } = {}) {\n if (!css || typeof document === 'undefined') return\n \n const head = document.head || document.getElementsByTagName('head')[0]\n const style = document.createElement('style')\n style.type = 'text/css'\n \n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n \n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n }\n ","import styleInject from '#style-inject';styleInject(\":root {\\n --radius: 0.5rem;\\n --border: 240 5.9% 90%;\\n --padding: 0.75rem 1.25rem;\\n --line-height: 1;\\n --background: 0 0% 100%;\\n --foreground: 240 10% 3.9%;\\n --primary: 263.4 70% 50.4%;\\n --primary-foreground: 210 20% 98%;\\n --default: 240 5.9% 10%;\\n --default-foreground: 0 0% 98%;\\n --destructive: 0 72.22% 50.59%;\\n --destructive-foreground: 0 0% 98%;\\n --secondary: 240 4.8% 95.9%;\\n --secondary-foreground: 240 5.9% 10%;\\n --accent: 240 4.8% 95.9%;\\n --accent-foreground: 240 5.9% 10%;\\n --muted: 240 4.8% 95.9%;\\n --muted-foreground: 240 3.8% 46.1%;\\n}\\n@media (prefers-color-scheme: dark) {\\n :root {\\n --border: 240 3.7% 15.9%;\\n --background: 240 10% 3.9%;\\n --foreground: 0 0% 98%;\\n --primary: 263.4 70% 50.4%;\\n --primary-foreground: 210 20% 98%;\\n --default: 0 0% 98%;\\n --default-foreground: 240 5.9% 10%;\\n --destructive: 0 62.8% 30.6%;\\n --destructive-foreground: 0 85.7% 97.3%;\\n --secondary: 240 3.7% 15.9%;\\n --secondary-foreground: 0 0% 98%;\\n --accent: 240 3.7% 15.9%;\\n --accent-foreground: 0 0% 98%;\\n --muted: 240 3.7% 15.9%;\\n --muted-foreground: 240 5% 64.9%;\\n }\\n}\\n\")","import styleInject from '#style-inject';styleInject(\".loader {\\n border: 4px solid rgba(0, 0, 0, 0.2);\\n border-left-color: hsl(var(--primary, #7983ff, rgba(255, 255, 255, 0.5)));\\n border-radius: 50%;\\n animation: spin 1s linear infinite;\\n}\\n@media screen and (prefers-color-scheme = dark) {\\n .loader {\\n border: 4px solid rgba(255, 255, 255, 0.05);\\n border-left-color: hsl(var(--primary, #7983ff, rgb(255, 255, 255)));\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n\")","import { ReactElement } from \"react\";\nimport \"../../styles/global.css\";\nimport \"./css/loader.css\";\nimport { LoaderType } from \"./loaderTypes\";\nexport const Loader: React.FC = ({\n widthAndHeight,\n}): ReactElement => {\n const width = widthAndHeight || \"1em\";\n\n return
;\n};\n","import styleInject from '#style-inject';styleInject(\".button {\\n margin: 0;\\n padding: var(--padding);\\n cursor: pointer;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n transition-property: color;\\n background-image: none;\\n border: 0;\\n white-space: nowrap;\\n font-weight: 500;\\n font-size: 0.875rem;\\n line-height: var(--line-height);\\n text-transform: none;\\n font-family: inherit;\\n border-radius: calc(var(--radius) - 2px);\\n color: hsl(var(--foreground));\\n transition: scale 0.15s ease-in-out;\\n transition-property:\\n color,\\n background-color,\\n border-color,\\n text-decoration-color,\\n fill,\\n stroke;\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-duration: 0.15s;\\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\\n}\\n.button:focus-visible {\\n border-color: hsl(var(--border));\\n}\\n.button:disabled {\\n pointer-events: none;\\n opacity: 0.5;\\n}\\n.button:active {\\n scale: 0.98;\\n}\\n.button--loading .isLoading {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 0.5rem;\\n width: inherit;\\n height: inherit;\\n}\\n.button--primary {\\n background-color: hsl(var(--primary));\\n color: hsl(var(--primary-foreground));\\n}\\n.button--primary:hover {\\n background-color: hsl(var(--primary)/0.75);\\n}\\n.button--default {\\n background-color: hsl(var(--default));\\n color: hsl(var(--default-foreground));\\n}\\n.button--default:hover {\\n background-color: hsl(var(--default)/0.8);\\n}\\n.button--destructive {\\n background-color: hsl(var(--destructive));\\n color: hsl(var(--destructive-foreground));\\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\\n}\\n.button--destructive:hover {\\n background-color: hsl(var(--destructive)/0.75);\\n}\\n.button--secondary {\\n background-color: hsl(var(--secondary));\\n color: hsl(var(--secondary-foreground));\\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\\n}\\n.button--secondary:hover {\\n background-color: hsl(var(--secondary)/0.8);\\n}\\n.button--ghost {\\n background-color: transparent;\\n color: hsl(var(--accent-foreground));\\n box-shadow: none;\\n}\\n.button--ghost:hover {\\n background-color: hsl(var(--accent)/0.8);\\n}\\n.button--link {\\n color: hsl(var(--foreground));\\n text-underline-offset: 4px;\\n box-shadow: none;\\n}\\n.button--link:hover {\\n text-decoration: underline;\\n}\\n.button--icon {\\n color: hsl(var(--foreground));\\n box-shadow: none;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n padding: 0.65rem;\\n background-color: transparent;\\n overflow: hidden;\\n}\\n.button--icon a {\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n}\\n.button--icon svg {\\n fill: hsl(var(--foreground));\\n transition: all 0.2s ease;\\n}\\n.button--icon:hover {\\n background-color: hsl(var(--muted)/0.75);\\n}\\n.button--icon-border {\\n border: 1px solid hsl(var(--muted)/0.75);\\n}\\n.button--outline {\\n border: 1px solid hsl(var(--border));\\n background-color: hsl(var(--background));\\n color: hsl(var(--foreground));\\n box-shadow: none;\\n}\\n.button--outline:hover {\\n background-color: hsl(var(--accent));\\n color: hsl(var(--accent-foreground));\\n}\\n\")","import { ButtonType } from \"../buttonTypes\";\n\nexport const getButtonClasses = (\n variant: ButtonType,\n className: string,\n loading: boolean,\n rest?: any\n) => {\n const iconBorder =\n variant === \"icon\" && rest?.border ? \"button--icon-border\" : \"\";\n\n const baseClass = \"button transition-colors\";\n const variantClass = `button--${variant}`;\n const loadingClass = loading ? \"button--loading\" : \"\";\n return `${baseClass} ${variantClass} ${className} ${loadingClass} ${iconBorder}`.trim();\n};\n","import { ReactElement } from \"react\";\nimport \"../../styles/global.css\";\nimport { Loader } from \"../loader/loader\";\nimport {\n ButtonProps,\n ButtonVariantProps,\n IconVariantPropsWithHref,\n IconVariantPropsWithOnClick,\n LinkVariantPropsWithHref,\n LinkVariantPropsWithOnClick,\n} from \"./buttonTypes\";\nimport \"./css/button.css\";\nimport { getButtonClasses } from \"./utils/utils\";\n\nexport const Button: React.FC = (props): ReactElement => {\n const {\n children,\n width = \"fit-content\",\n className = \"\",\n loading = false,\n loadingText = \"Vennligst vent\",\n variant = \"default\",\n ...rest\n } = props;\n\n // link or icon variant\n const isLink = variant === \"link\" || variant === \"icon\";\n const classNames = getButtonClasses(variant, className, loading, rest);\n\n // Separate props for button and link to avoid passing invalid props\n const commonProps = {\n className: `${classNames} `, // Apply the ui-kit class here\n style: { width },\n \"aria-disabled\": loading ? true : undefined,\n };\n\n if (isLink) {\n const { href, onClick, ...linkProps } = rest as\n | LinkVariantPropsWithHref\n | LinkVariantPropsWithOnClick\n | IconVariantPropsWithHref\n | IconVariantPropsWithOnClick;\n\n const { border, ...finalProps } = linkProps as typeof linkProps & {\n border?: any;\n };\n\n // Prioritize onClick over href if both are provided\n const linkHandler = onClick\n ? (e: React.MouseEvent) => {\n e.preventDefault(); // Prevent default if href is present but onClick should be prioritized\n onClick(e);\n }\n : undefined;\n\n return (\n \n {loading ? (\n \n \n {loadingText}\n \n ) : (\n children\n )}\n \n );\n } else {\n const { disabled, ...buttonProps } = rest as ButtonVariantProps;\n return (\n \n );\n }\n};\n","export const IconHamburger = () => {\n return (\n \n \n \n );\n};\n\nexport const IconStack = () => {\n return (\n \n \n \n );\n};\n\nexport const IconChevron = () => {\n return (\n \n \n \n );\n};\n","import styleInject from '#style-inject';styleInject(\".simple-card {\\n width: 100%;\\n max-width: 600px;\\n padding: 1.5rem 2rem;\\n background-color: hsl(var(--background));\\n display: flex;\\n flex-wrap: nowrap;\\n gap: 1rem;\\n justify-content: flex-start;\\n align-items: center;\\n border-radius: calc(var(--radius));\\n border: 1px solid hsl(var(--muted-foreground));\\n}\\n.simple-card__icon-wrapper {\\n width: 1.5rem;\\n height: 1.5rem;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n.simple-card__icon-wrapper img,\\n.simple-card__icon-wrapper svg {\\n width: 1.5rem;\\n height: 1.5rem;\\n}\\n.simple-card__icon-wrapper svg path {\\n stroke-width: 1px;\\n stroke: hsl(var(--muted-foreground)/0.8);\\n border: none;\\n fill: transparent;\\n}\\n.simple-card__content {\\n display: flex;\\n flex-direction: column;\\n align-items: flex-start;\\n justify-content: center;\\n gap: 0.25rem;\\n}\\n.simple-card__content__title {\\n color: hsl(var(--foreground)/0.87);\\n font-size: 0.975rem;\\n}\\n.simple-card__content__description {\\n color: hsl(var(--muted-foreground));\\n font-size: 0.875rem;\\n}\\n.simple-card__linkIcon {\\n flex: 0 1 auto;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n margin-left: auto;\\n}\\n.simple-card__linkIcon svg {\\n width: 1rem;\\n height: 1rem;\\n transition: transform 200ms ease;\\n color: hsl(var(--muted-foreground)/0.5);\\n}\\n.simple-card:hover .simple-card__linkIcon svg {\\n transform: translateX(4px);\\n color: hsl(var(--muted-foreground)/0.98);\\n}\\n.simple-card-clickable {\\n cursor: pointer;\\n transition: all 147ms ease;\\n}\\n.simple-card-clickable:hover {\\n border: 1px solid hsl(var(--muted-foreground)/0.98);\\n}\\n@media screen and (prefers-color-scheme = dark) {\\n .simple-card {\\n background-color: hsl(var(--muted));\\n border: 1px solid hsl(var(--muted-foreground)/0.5);\\n }\\n .simple-card__icon-wrapper img,\\n .simple-card__icon-wrapper svg {\\n stroke-width: initial;\\n border: initial;\\n }\\n}\\n\")","export const getIcon = (icon: string | React.ReactNode) => {\n if (typeof icon === \"string\") {\n return \"icon\";\n }\n\n if (typeof icon === \"function\") {\n const Icon = () => icon;\n return ;\n }\n\n return icon;\n};\n","import { IconChevron } from \"../../../assets/icons/icons\";\nimport \"../../../styles/global.css\";\nimport \"./css/simpleCard.css\";\nimport { SimpleCardProps } from \"./types/simpleCardTypes\";\nimport { getIcon } from \"./utils/utils\";\n\nexport const SimpleCard = ({\n title,\n description,\n icon,\n href = undefined,\n onClick,\n width,\n chevron,\n}: SimpleCardProps) => {\n const Icon = icon ? getIcon(icon) : undefined;\n if (href) {\n const showChevron = chevron === undefined ? true : chevron;\n return (\n onClick && onClick()}\n style={{ width: width }}\n >\n {Icon !== undefined && (\n
{Icon}
\n )}\n\n
\n {

{title}

}\n {description && (\n

{description}

\n )}\n
\n\n {showChevron && (\n
\n \n
\n )}\n \n );\n }\n\n return (\n onClick && onClick()}\n style={{ width: width }}\n >\n {Icon !== undefined && (\n
{Icon}
\n )}\n\n
\n {

{title}

}\n {description && (\n

{description}

\n )}\n
\n\n {chevron && (\n
\n \n
\n )}\n
\n );\n};\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}