@soul-refiner/design-system 2.14.67 → 2.14.68

package/dist/components/card/card.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var e=require("react/jsx-runtime"),r=require("./action/action.js"),i=require("./audio/audio.js"),s=require("./feature/feature.js"),a=require("./person/person.js"),t=require("./price/price.js"),u=require("./regular/regular.js"),d=require("./video/video.js"),o=require("./written/written.js"),j=require("./meeting/meeting.js");exports.Card=({type:n="regular",...p})=>({action:e.jsx(r.ActionCard,{...p}),"audio-episode":e.jsx(i.AudioEpisodeCard,{...p}),feature:e.jsx(s.FeatureCard,{...p}),person:e.jsx(a.PersonCard,{...p}),price:e.jsx(t.PriceCard,{...p}),regular:e.jsx(u.RegularCard,{...p}),"video-episode":e.jsx(d.VideoEpisodeCard,{...p}),"written-episode":e.jsx(o.WrittenEpisodeCard,{...p}),meeting:e.jsx(j.MeetingCard,{...p})}[n]);
+"use strict";var e=require("react/jsx-runtime"),r=require("./action/action.js"),s=require("./audio/audio.js"),i=require("./feature/feature.js"),a=require("./person/person.js"),t=require("./price/price.js"),u=require("./regular/regular.js"),o=require("./video/video.js"),d=require("./written/written.js"),j=require("./meeting/meeting.js"),n=require("./course-seats/course-seats.js");exports.Card=({type:p="regular",...c})=>({action:e.jsx(r.ActionCard,{...c}),"audio-episode":e.jsx(s.AudioEpisodeCard,{...c}),feature:e.jsx(i.FeatureCard,{...c}),person:e.jsx(a.PersonCard,{...c}),price:e.jsx(t.PriceCard,{...c}),regular:e.jsx(u.RegularCard,{...c}),"video-episode":e.jsx(o.VideoEpisodeCard,{...c}),"written-episode":e.jsx(d.WrittenEpisodeCard,{...c}),meeting:e.jsx(j.MeetingCard,{...c}),"course-seats":e.jsx(n.CourseSeatsCard,{...c})}[p]);

package/dist/components/card/course-seats/course-seats.js

@@ -0,0 +1,72 @@
+"use client";
+"use strict";var e=require("react/jsx-runtime"),r=require("next/image"),i=require("styled-components"),s=require("../../atoms/typography/heading.js"),t=require("../../atoms/typography/paragraph.js"),a=require("../../actions/button/button.js"),o=require("../../iconography/avatar/avatar.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(r);const n=i.styled.div`
+  position: relative;
+  display: block;
+  box-shadow: var(--elevation-1);
+  border-radius: 16px;
+  background-color: var(--color-white);
+  overflow: hidden;
+  transition: all 0.2s ease;
+  min-width: 390px;
+
+  &:hover {
+    border: 1px solid var(--color-primary-blue-3);
+    transform: translateY(-2px);
+    box-shadow: var(--elevation-2);
+  }
+
+  ${({$sx:e})=>e||""};
+`,x=i.styled.div`
+  position: relative;
+  width: 100%;
+  min-height: 219.375px;
+  overflow: hidden;
+
+  img {
+    border-radius: 16px 16px 0 0;
+  }
+`,p=i.styled.div`
+  padding: 8px 8px 16px 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,c=i.styled(s.H)`
+  font-size: 18px;
+  font-weight: 500;
+  color: var(--color-grey-2);
+  margin: 0;
+  line-height: 26px;
+`,g=i.styled.div`
+  display: flex;
+  align-items: center;
+`,h=i.styled.span`
+  color: ${({$isOverAssigned:e})=>e?"var(--color-red-3)":"var(--color-grey-2)"};
+  font-weight: ${({$isOverAssigned:e})=>e?"600":"500"};
+  margin-left: 16px;
+`,v=i.styled.div`
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+`,u=i.styled.div`
+  border: 2px solid var(--color-white);
+  border-radius: 50%;
+  position: relative;
+`,y=i.styled.div`
+  margin-left: -8px;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background-color: var(--color-grey-8);
+  border: 2px solid var(--color-white);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--color-grey-3);
+  z-index: 1;
+`,f=i.styled.div`
+  display: flex;
+  gap: 12px;
+  margin-top: 8px;
+`;exports.CourseSeatsCard=({courseId:r,courseName:i,alert:s,courseImage:l,assignedSeats:m,totalSeats:j,assignedUsers:b,onManageSeats:w,onAddSeats:$,sx:z})=>e.jsxs(n,{$sx:z,children:[s,e.jsx(x,{children:e.jsx(d.default,{alt:i,src:l,fill:!0,style:{objectFit:"cover"}})}),e.jsxs(p,{children:[e.jsx(c,{children:i}),e.jsx(g,{children:e.jsxs(t.P,{$fontSize:14,$color:"grey-3",children:["Seat:",e.jsxs(h,{$isOverAssigned:m>j,children:[m,"/",j," Available"]})]})}),b.length>0&&e.jsxs(v,{children:[b.slice(0,8).map((r,i)=>e.jsx(u,{children:e.jsx(o.Avatar,{image:r.imageUrl||"/images/default_avatar.png",size:24})},`${r.id}-${i}`)),b.length>8&&e.jsxs(y,{children:["+",b.length-8]})]}),e.jsxs(f,{children:[e.jsx(a.Button,{type:"outlined",size:"small",fluid:!0,onClick:()=>w(r),sx:"font-size: 14px;",children:"Manage Seats"}),e.jsx(a.Button,{type:"primary",fluid:!0,sx:"font-size: 14px;",size:"small",onClick:()=>$(r),children:"Add Seats"})]})]})]});

package/dist/components/feedback/notification/notification.js

@@ -31,4 +31,4 @@
 
   ${e.Styles.flex}
   ${({$sx:r})=>r||""}
-`;exports.Notification=({content:o,href:e,onClose:d,sx:p,title:g,type:f})=>{const j={error:r.jsx(a.AlertOctogon,{size:24}),info:r.jsx(u.Information,{size:24}),success:r.jsx(n.AlertCircle,{size:24}),warning:r.jsx(l.AlertTriangle,{size:24})};return r.jsxs(x,{as:e?"a":"output",href:e,$dir:"column",$gap:8,$sx:p,$type:f,children:[r.jsxs(s.Box,{$dir:"row",$gap:8,$flex:1,children:[j[f],r.jsx(t.P,{as:"span",$semiBold:!0,children:g}),d&&r.jsx(i.Button,{icon:r.jsx(c.Close,{size:24}),onClick:d,sx:"margin-left: auto;",type:"special"})]}),r.jsx(s.Box,{$align:"center",$dir:"row",$gap:4,children:r.jsx(t.P,{as:"span",sx:"padding-left: 32px;",children:o})})]})};
+`;exports.Notification=({content:o,href:e,onClose:d,sx:p,title:g,type:f})=>{const j={error:r.jsx(a.AlertOctogon,{size:24}),info:r.jsx(u.Information,{size:24}),success:r.jsx(n.AlertCircle,{size:24}),warning:r.jsx(l.AlertTriangle,{size:24})};return r.jsx(x,{as:e?"a":"output",href:e,$dir:"column",$gap:8,$sx:p,$type:f,children:r.jsxs(s.Box,{$dir:"row",$gap:8,$flex:1,children:[j[f],d&&r.jsx(i.Button,{icon:r.jsx(c.Close,{size:24}),onClick:d,sx:"margin-left: auto;",type:"special"}),r.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[g&&r.jsx(t.P,{as:"span",$semiBold:!0,children:g}),r.jsx(t.P,{as:"span",children:o})]})]})})};

package/dist/src/components/card/card.d.ts

@@ -8,8 +8,9 @@ import { RegularCardProps } from './regular/regular';
 import { VideoEpisodeCardProps } from './video/video';
 import { WrittenEpisodeCardProps } from './written/written';
 import { MeetingCardProps } from './meeting/meeting';
-type CardType = 'action' | 'audio-episode' | 'feature' | 'person' | 'price' | 'regular' | 'video-episode' | 'written-episode' | 'meeting';
-export type CardProps = (ActionCardProps | AudioEpisodeCardProps | FeatureCardProps | PersonCardProps | PriceCardProps | RegularCardProps | VideoEpisodeCardProps | WrittenEpisodeCardProps | MeetingCardProps) & {
+import { CourseSeatsCardProps } from './course-seats/course-seats';
+type CardType = 'action' | 'audio-episode' | 'feature' | 'person' | 'price' | 'regular' | 'video-episode' | 'written-episode' | 'meeting' | 'course-seats';
+export type CardProps = (ActionCardProps | AudioEpisodeCardProps | FeatureCardProps | PersonCardProps | PriceCardProps | RegularCardProps | VideoEpisodeCardProps | WrittenEpisodeCardProps | MeetingCardProps | CourseSeatsCardProps) & {
     type: CardType;
 };
 export declare const Card: ({ type, ...rest }: CardProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/dist/src/components/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,KAAK,QAAQ,GACT,QAAQ,GACR,eAAe,GACf,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,eAAe,GACf,iBAAiB,GACjB,SAAS,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG,CACpB,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,qBAAqB,GACrB,uBAAuB,GACvB,gBAAgB,CACnB,GAAG;IACF,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI,sBAAmC,SAAS,uEAgB5D,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,KAAK,QAAQ,GACT,QAAQ,GACR,eAAe,GACf,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,eAAe,GACf,iBAAiB,GACjB,SAAS,GACT,cAAc,CAAC;AAEnB,MAAM,MAAM,SAAS,GAAG,CACpB,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,qBAAqB,GACrB,uBAAuB,GACvB,gBAAgB,GAChB,oBAAoB,CACvB,GAAG;IACF,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,IAAI,sBAAmC,SAAS,uEAiB5D,CAAC"}

package/dist/src/components/card/course-seats/course-seats.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface CourseSeatsCardProps {
+    courseId: string;
+    courseName: string;
+    courseImage: string;
+    assignedSeats: number;
+    totalSeats: number;
+    alert: React.ReactNode;
+    assignedUsers: {
+        id: string;
+        imageUrl: string;
+    }[];
+    onManageSeats: (courseId: string) => void;
+    onAddSeats: (courseId: string) => void;
+    sx?: string;
+}
+export declare const CourseSeatsCard: ({ courseId, courseName, alert, courseImage, assignedSeats, totalSeats, assignedUsers, onManageSeats, onAddSeats, sx, }: CourseSeatsCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=course-seats.d.ts.map

package/dist/src/components/card/course-seats/course-seats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"course-seats.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/course-seats/course-seats.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;KAClB,EAAE,CAAC;IACJ,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,2HAWzB,oBAAoB,4CAkEtB,CAAC"}

package/dist/src/components/card/course-seats/index.d.ts

@@ -0,0 +1,3 @@
+export { CourseSeatsCard } from './course-seats';
+export type { CourseSeatsCardProps } from './course-seats';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/card/course-seats/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/course-seats/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/components/feedback/notification/notification.d.ts

@@ -4,7 +4,7 @@ export interface NotificationProps {
     href?: string;
     onClose?: () => void;
     sx?: string;
-    title: string;
+    title?: string;
     type: NotificationTypes;
 }
 export declare const Notification: ({ content, href, onClose, sx, title, type, }: NotificationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/feedback/notification/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/notification/notification.tsx"],"names":[],"mappings":"AAeA,KAAK,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,iDAOtB,iBAAiB,4CAsCnB,CAAC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/notification/notification.tsx"],"names":[],"mappings":"AAeA,KAAK,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,iDAOtB,iBAAiB,4CAuCnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.14.67",
+  "version": "2.14.68",
   "main": "dist/index.js",
   "types": "dist/src/index.d.ts",
   "license": "MIT",