@snokam/ui 1.0.0

package/dist/components/swiper/components/StorySwiper/styled.js

@@ -0,0 +1,319 @@
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+export const globalStyles = css `
+  :root {
+    --stories-slider-z-shadows: 999;
+    --stories-slider-z-pagination: 50;
+    --stories-slider-z-navigation: 200;
+    --stories-slider-z-user: 300;
+    --stories-slider-z-actions: 300;
+    --stories-slider-z-content: 100;
+    --stories-slider-slide-bg-color: #000;
+  }
+`;
+export const Container = styled.div `
+  height: 100%;
+
+  max-width: 100%;
+  max-height: 100%;
+
+  .swiper-slide {
+    position: relative;
+  }
+
+  .stories-slider {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+
+  .stories-slider
+    > .swiper
+    > .swiper-wrapper
+    > .swiper-slide:not(.swiper-slide-visible, .swiper-slide-active) {
+    opacity: 0;
+  }
+
+  .stories-slider.stories-slider-animating
+    > .swiper
+    > .swiper-wrapper
+    > .swiper-slide-prev,
+  .stories-slider.stories-slider-animating
+    > .swiper
+    > .swiper-wrapper
+    > .swiper-slide-next,
+  .stories-slider.stories-slider-animating
+    > .swiper
+    > .swiper-wrapper
+    > .swiper-slide-active {
+    opacity: 1;
+  }
+
+  .stories-slider .swiper {
+    height: 100%;
+    width: 100%;
+  }
+
+  .stories-slider .swiper .swiper .swiper-slide {
+    border-radius: 8px;
+    overflow: hidden;
+    background-color: var(--stories-slider-slide-bg-color);
+  }
+
+  .stories-slider .swiper .swiper-slide-shadow-left,
+  .stories-slider .swiper .swiper-slide-shadow-right {
+    z-index: var(--stories-slider-z-shadows) !important;
+  }
+
+  .stories-slider .swiper .swiper-slide-shadow-left {
+    background-image: linear-gradient(
+      to left,
+      rgb(0, 0, 0),
+      rgba(0, 0, 0, 0.5)
+    );
+  }
+  .stories-slider .swiper .swiper-slide-shadow-right {
+    background-image: linear-gradient(
+      to right,
+      rgb(0, 0, 0),
+      rgba(0, 0, 0, 0.5)
+    );
+  }
+
+  .stories-slider.stories-slider-perspective .swiper .swiper,
+  .stories-slider.stories-slider-perspective .swiper-slide-shadow-left,
+  .stories-slider.stories-slider-perspective .swiper-slide-shadow-right {
+    transform: translate3d(0, 0, calc(-1 * var(--swiper-cube-translate-z)));
+    transform-origin: 0% 0% calc(-1 * var(--swiper-cube-translate-z));
+  }
+
+  .stories-slider-button {
+    position: absolute;
+    z-index: var(--stories-slider-z-navigation);
+    top: 0;
+    height: 100%;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .stories-slider-button::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    transition-duration: 200ms;
+  }
+
+  .stories-slider-button:active::before {
+    opacity: 0.25;
+  }
+
+  .stories-slider-button-prev {
+    left: 0;
+    width: 30%;
+  }
+
+  .stories-slider-button-prev::before {
+    background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
+  }
+
+  .stories-slider-button-next {
+    right: 0;
+    width: 70%;
+  }
+
+  .stories-slider-button-next::before {
+    background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0));
+  }
+
+  .stories-slider-pagination {
+    position: absolute;
+    left: 8px;
+    right: 8px;
+    top: 8px;
+    display: flex;
+    justify-content: space-between;
+    z-index: var(--stories-slider-z-pagination);
+    pointer-events: none;
+    transform: translate3d(0, 0, 0);
+  }
+
+  .stories-slider-pagination-bullet {
+    width: 100%;
+    flex-shrink: 10;
+    border-radius: 999px;
+    height: 2px;
+    background: rgba(255, 255, 255, 0.35);
+    position: relative;
+    overflow: hidden;
+    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35);
+  }
+  .stories-slider-pagination-bullet span {
+    position: absolute;
+    background: #fff;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 999px;
+    transform: translateX(-100%);
+    transition-timing-function: linear;
+  }
+
+  .stories-slider-pagination-bullet-viewed span {
+    transform: translateX(0%);
+    transition-duration: 0ms !important;
+  }
+
+  .stories-slider-pagination-bullet + .stories-slider-pagination-bullet {
+    margin-left: 2px;
+  }
+
+  a.stories-slider-user,
+  .stories-slider-user a {
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    transition-duration: 200ms;
+  }
+
+  a.stories-slider-user:active,
+  .stories-slider-user a:active {
+    opacity: 0.55;
+  }
+
+  .stories-slider-user {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 18px;
+    left: 12px;
+    height: 32px;
+    z-index: var(--stories-slider-z-user);
+    color: #fff;
+    text-decoration: none;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+  .stories-slider-user-avatar {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    margin-right: 12px;
+  }
+  .stories-slider-user-avatar img {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    object-fit: cover;
+    object-position: center;
+  }
+  .stories-slider-user-name {
+    font-size: 14px;
+    font-weight: bold;
+    margin-right: 12px;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
+  }
+  .stories-slider-user-date {
+    font-size: 14px;
+    font-weight: normal;
+    opacity: 0.55;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
+  }
+
+  .stories-slider-actions {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: absolute;
+    right: 10px;
+    top: 18px;
+    height: 32px;
+    z-index: var(--stories-slider-z-actions);
+    transition-duration: 200ms;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .stories-slider-close-button {
+    margin-left: 18px;
+    width: 22px;
+    height: 22px;
+    appearance: none;
+    border: none;
+    outline: none;
+    box-shadow: none;
+    display: block;
+    position: relative;
+    cursor: pointer;
+    padding: 0;
+    background: transparent;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .stories-slider-close-button::before,
+  .stories-slider-close-button::after {
+    content: "";
+    width: 125%;
+    height: 2px;
+    background: #fff;
+    border-radius: 999px;
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35);
+  }
+
+  .stories-slider-close-button::before {
+    transform: translate(-50%, -50%) rotate(45deg);
+  }
+
+  .stories-slider-close-button::after {
+    transform: translate(-50%, -50%) rotate(-45deg);
+  }
+
+  .stories-slider-close-button:active {
+    opacity: 0.55;
+  }
+
+  .stories-slider-content {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    z-index: var(--stories-slider-z-content);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  .stories-slider-content > img,
+  .stories-slider-content > video {
+    width: 100%;
+    height: 100%;
+    object-position: center;
+    display: block;
+    border: none;
+    outline: none;
+    background: none;
+    background-color: transparent;
+  }
+
+  .stories-slider-content > img {
+    object-fit: cover;
+  }
+
+  .stories-slider-content > video {
+    object-fit: contain;
+  }
+`;
+export default { Container };
+//# sourceMappingURL=styled.js.map

package/dist/components/swiper/components/StorySwiper/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/components/swiper/components/StorySwiper/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;CAU9B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+SlC,CAAC;AAEF,eAAe,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/swiper/components/TinderSwiper/Item.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface MaterialSwiperCardProps {
+    children: ReactNode;
+}
+export declare function TinderSwiperItem(props: MaterialSwiperCardProps): import("react").JSX.Element;
+export declare namespace TinderSwiperItem {
+    var displayName: string;
+}
+export default TinderSwiperItem;
+//# sourceMappingURL=Item.d.ts.map

package/dist/components/swiper/components/TinderSwiper/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/swiper/components/TinderSwiper/Item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,+BAU9D;yBAVe,gBAAgB;;;AAahC,eAAe,gBAAgB,CAAC"}

package/dist/components/swiper/components/TinderSwiper/Item.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SwiperSlide } from "swiper/react";
+export function TinderSwiperItem(props) {
+    const { children, ...rest } = props;
+    return (_jsx(SwiperSlide, { ...rest, children: _jsx("div", { className: "swiper-material-wrapper", children: _jsx("div", { className: "swiper-material-content", children: children }) }) }));
+}
+TinderSwiperItem.displayName = "SwiperSlide";
+export default TinderSwiperItem;
+//# sourceMappingURL=Item.js.map

package/dist/components/swiper/components/TinderSwiper/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/components/swiper/components/TinderSwiper/Item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO3C,MAAM,UAAU,gBAAgB,CAAC,KAA8B;IAC7D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,CACL,KAAC,WAAW,OAAK,IAAI,YACnB,cAAK,SAAS,EAAC,yBAAyB,YACtC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,GACrD,GACM,CACf,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,aAAa,CAAC;AAC7C,eAAe,gBAAgB,CAAC"}

package/dist/components/swiper/components/TinderSwiper/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { SwiperProps } from "swiper/react";
+import TinderSwiperItem from "./Item";
+type MaterialSwiperProps = SwiperProps & {
+    children: ReactNode;
+    itemProps?: HTMLDivElement;
+};
+export declare const TinderSwiper: {
+    ({ children, ...restOfProps }: MaterialSwiperProps): import("react").JSX.Element;
+    Item: typeof TinderSwiperItem;
+};
+export default TinderSwiper;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/swiper/components/TinderSwiper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAa,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,gBAAgB,MAAM,QAAQ,CAAC;AAItC,KAAK,mBAAmB,GAAG,WAAW,GAAG;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY;mCAGtB,mBAAmB;;CA6BrB,CAAC;AAGF,eAAe,YAAY,CAAC"}

package/dist/components/swiper/components/TinderSwiper/index.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { A11y, Keyboard, Autoplay } from "swiper/modules";
+import TinderSwiperItem from "./Item";
+import Styled from "./styled";
+import { Swiper } from "swiper/react";
+export const TinderSwiper = ({ children, ...restOfProps }) => {
+    const ref = useRef(null);
+    return (_jsx(Styled.Container, { children: _jsx(Swiper, { ref: ref, autoplay: {
+                delay: 2000,
+                disableOnInteraction: true,
+            }, effect: "material", initialSlide: 0, modules: [A11y, Keyboard, Autoplay], grabCursor: true, slidesPerView: 2, keyboard: {
+                enabled: true,
+                onlyInViewport: false,
+            }, slideToClickedSlide: true, spaceBetween: 16, speed: 600, ...restOfProps, children: _jsx("div", { className: "swiper-wrapper", children: children }) }) }));
+};
+TinderSwiper.Item = TinderSwiperItem;
+export default TinderSwiper;
+//# sourceMappingURL=index.js.map

package/dist/components/swiper/components/TinderSwiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/swiper/components/TinderSwiper/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,gBAAgB,MAAM,QAAQ,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAOtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,GAAG,WAAW,EACM,EAAE,EAAE;IACxB,MAAM,GAAG,GAAG,MAAM,CAAY,IAAI,CAAC,CAAC;IAEpC,OAAO,CACL,KAAC,MAAM,CAAC,SAAS,cACf,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE;gBACR,KAAK,EAAE,IAAI;gBACX,oBAAoB,EAAE,IAAI;aAC3B,EACD,MAAM,EAAC,UAAU,EACjB,YAAY,EAAE,CAAC,EACf,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,EACnC,UAAU,EAAE,IAAI,EAChB,aAAa,EAAE,CAAC,EAChB,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,cAAc,EAAE,KAAK;aACtB,EACD,mBAAmB,QACnB,YAAY,EAAE,EAAE,EAChB,KAAK,EAAE,GAAG,KACN,WAAW,YAEf,cAAK,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAO,GACzC,GACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG,gBAAgB,CAAC;AACrC,eAAe,YAAY,CAAC"}

package/dist/components/swiper/components/TinderSwiper/styled.d.ts

@@ -0,0 +1,12 @@
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const _default: {
+    Container: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/swiper/components/TinderSwiper/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/swiper/components/TinderSwiper/styled.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;yGAkDrB,CAAC;;;;;;;AAEF,wBAA6B"}

package/dist/components/swiper/components/TinderSwiper/styled.js

@@ -0,0 +1,54 @@
+import styled from "@emotion/styled";
+export const Container = styled.div `
+  :root {
+    --swiper-material-scale: 1;
+    --swiper-material-slide-size: 100%;
+    --swiper-material-slide-border-radius: 32px;
+  }
+
+  .swiper-material {
+    width: 100%;
+    height: 500px;
+
+    @media (max-width: 992px) {
+      height: 300px;
+    }
+  }
+
+  .swiper-material-wrapper {
+    border-radius: var(--swiper-material-slide-border-radius);
+    overflow: hidden;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    box-sizing: border-box;
+    pointer-events: auto;
+  }
+
+  .swiper-material-content {
+    position: absolute;
+    transform: translate3d(0, 0, 0);
+    font-size: 18px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .swiper-horizontal .swiper-material-content {
+    height: 100%;
+    width: var(--swiper-material-slide-size);
+    left: calc(50% - var(--swiper-material-slide-size) / 2);
+    top: 0;
+  }
+
+  .swiper-vertical .swiper-material-content {
+    width: 100%;
+    height: var(--swiper-material-slide-size);
+    top: calc(50% - var(--swiper-material-slide-size) / 2);
+    left: 0;
+  }
+`;
+export default { Container };
+//# sourceMappingURL=styled.js.map

package/dist/components/swiper/components/TinderSwiper/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/components/swiper/components/TinderSwiper/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDlC,CAAC;AAEF,eAAe,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+export { MaterialSwiper } from "./components/MaterialSwiper";
+export { MaterialSwiperItem } from "./components/MaterialSwiper/Item";
+export { StorySwiper } from "./components/StorySwiper";
+export { StorySwiperMedia as StorySwiperItem } from "./components/StorySwiper/Media";
+export * from "swiper/react";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/swiper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAErF,cAAc,cAAc,CAAC"}

package/dist/components/swiper/index.js

@@ -0,0 +1,6 @@
+export { MaterialSwiper } from "./components/MaterialSwiper";
+export { MaterialSwiperItem } from "./components/MaterialSwiper/Item";
+export { StorySwiper } from "./components/StorySwiper";
+export { StorySwiperMedia as StorySwiperItem } from "./components/StorySwiper/Media";
+export * from "swiper/react";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/swiper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAErF,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,4 @@
+import { SwitchProps } from "@mui/material";
+export type { SwitchProps };
+export declare const Switch: (props: SwitchProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjE,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,gCAA6B,CAAC"}

package/dist/components/switch/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Switch as MuiSwitch } from "@mui/material";
+export const Switch = (props) => _jsx(MuiSwitch, { ...props });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,SAAS,EAAe,MAAM,eAAe,CAAC;AAIjE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC"}

package/dist/components/system-theme-tag/index.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    settingsHref: string;
+    label?: string;
+}
+export declare function SystemThemeTag({ settingsHref, label }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/system-theme-tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/system-theme-tag/index.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,KAAe,EAAE,EAAE,KAAK,+BAgBtE"}

package/dist/components/system-theme-tag/index.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DarkModeOutlined } from "@mui/icons-material";
+import { useAdminTheme } from "../../theme/admin";
+import { ThemeTagChip } from "./styled";
+export function SystemThemeTag({ settingsHref, label = "Mørkt" }) {
+    const { mode, theme } = useAdminTheme();
+    if (mode !== "system" || theme !== "dark") {
+        return null;
+    }
+    return (_jsx(ThemeTagChip, { icon: _jsx(DarkModeOutlined, {}), label: label, size: "small", clickable: true, onClick: () => window.location.assign(settingsHref) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/system-theme-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/system-theme-tag/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAOxC,MAAM,UAAU,cAAc,CAAC,EAAE,YAAY,EAAE,KAAK,GAAG,OAAO,EAAS;IACrE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAExC,IAAI,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,KAAC,gBAAgB,KAAG,EAC1B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,SAAS,QACT,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,GACnD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/system-theme-tag/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const ThemeTagChip: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material").ChipSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "disabled" | "nativeButton" | "sx" | "tabIndex" | "color" | "size" | "variant" | "label" | "slots" | "slotProps" | "avatar" | "clickable" | "deleteIcon" | "icon" | "onDelete" | "skipFocusWhenDisabled"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/system-theme-tag/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/system-theme-tag/styled.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;UAyBxB,CAAC"}

package/dist/components/system-theme-tag/styled.js

@@ -0,0 +1,30 @@
+"use client";
+import styled from "@emotion/styled";
+import { Chip } from "@mui/material";
+export const ThemeTagChip = styled(Chip) `
+  height: 30px;
+  align-self: center;
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.12);
+  cursor: pointer;
+  text-decoration: none;
+
+  .MuiChip-label {
+    padding-left: 0.7rem;
+    padding-right: 0.8rem;
+  }
+
+  .MuiChip-icon {
+    color: #ffffff;
+    margin-left: 0.45rem;
+  }
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.22);
+  }
+
+  @media only screen and (max-width: 768px) {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/dist/components/system-theme-tag/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/system-theme-tag/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBvC,CAAC"}

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

@@ -0,0 +1,4 @@
+import { TabProps } from "@mui/material";
+export type { TabProps };
+export declare const Tab: (props: TabProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tab/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,gCAA0B,CAAC"}

package/dist/components/tab/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tab as MuiTab } from "@mui/material";
+export const Tab = (props) => _jsx(MuiTab, { ...props });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tab/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,IAAI,MAAM,EAAY,MAAM,eAAe,CAAC;AAIxD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,KAAC,MAAM,OAAK,KAAK,GAAI,CAAC"}

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

@@ -0,0 +1,43 @@
+import { ReactNode } from "react";
+export declare const TableWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Table: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const THead: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+export declare const Th: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+export declare const Tr: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const Td: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const TBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+export interface DataColumn<T> {
+    key: string;
+    header: ReactNode;
+    width?: string;
+    align?: "start" | "end";
+    render: (row: T) => ReactNode;
+}
+export declare function DataTable<T>({ columns, rows, rowKey, onRowClick, }: {
+    columns: DataColumn<T>[];
+    rows: T[];
+    rowKey: (row: T) => string;
+    onRowClick?: (row: T) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,SAAS;;;yGAErB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAKjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;2HAEjB,CAAC;AAEF,eAAO,MAAM,EAAE;;;mIAMd,CAAC;AAEF,eAAO,MAAM,EAAE;;;mHASd,CAAC;AAEF,eAAO,MAAM,EAAE;;;+HAId,CAAC;AAEF,eAAO,MAAM,KAAK;;;2HAAiB,CAAC;AAEpC,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;CAC/B;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAU,GACX,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B,+BA+BA"}