@blueshift-gg/ui-components 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Divider.js.map +1 -1
- package/dist/Divider.mjs.map +1 -1
- package/dist/Icon.js.map +1 -1
- package/dist/Icon.mjs.map +1 -1
- package/dist/Toast.js.map +1 -1
- package/dist/Toast.mjs.map +1 -1
- package/package.json +1 -1
package/dist/Divider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Divider.tsx"],"names":["jsxs","classNames","jsx"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../src/Divider.tsx"],"names":["jsxs","classNames","jsx"],"mappings":";;;;;;;;;AASO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAoB;AAClB,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,2BAAA;AAAA,QACT,MAAA;AAAA,QACA,cAAc,YAAA,IAAgB,iBAAA;AAAA,QAC9B,cAAc,UAAA,IAAc,iBAAA;AAAA,QAC5B;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWD,2BAAA;AAAA,cACT,eAAA;AAAA,cACA,cAAc,YAAA,IAAgB,aAAA;AAAA,cAC9B,cAAc,UAAA,IAAc;AAAA;AAC9B;AAAA,SACF;AAAA,wBACAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWD,2BAAA;AAAA,cACT,iBAAA;AAAA,cACA,cAAc,YAAA,IAAgB,aAAA;AAAA,cAC9B,cAAc,UAAA,IAAc;AAAA;AAC9B;AAAA;AACF;AAAA;AAAA,GACF;AAEJ","file":"Divider.js","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type DividerProps = {\n className?: string;\n direction?: \"horizontal\" | \"vertical\";\n};\n\nexport const Divider = ({\n className,\n direction = \"horizontal\",\n}: DividerProps) => {\n return (\n <div\n className={classNames(\n \"flex\",\n direction === \"horizontal\" && \"flex-col w-full\",\n direction === \"vertical\" && \"flex-row h-full\",\n className\n )}\n >\n <div\n className={classNames(\n \"bg-background\",\n direction === \"horizontal\" && \"w-full h-px\",\n direction === \"vertical\" && \"h-full w-px\"\n )}\n />\n <div\n className={classNames(\n \"bg-border-light\",\n direction === \"horizontal\" && \"w-full h-px\",\n direction === \"vertical\" && \"h-full w-px\"\n )}\n />\n </div>\n );\n};\n"]}
|
package/dist/Divider.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Divider.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"sources":["../src/Divider.tsx"],"names":[],"mappings":";;;AASO,MAAM,UAAU,CAAC;AAAA,EACtB,SAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAoB;AAClB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,MAAA;AAAA,QACA,cAAc,YAAA,IAAgB,iBAAA;AAAA,QAC9B,cAAc,UAAA,IAAc,iBAAA;AAAA,QAC5B;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,eAAA;AAAA,cACA,cAAc,YAAA,IAAgB,aAAA;AAAA,cAC9B,cAAc,UAAA,IAAc;AAAA;AAC9B;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,iBAAA;AAAA,cACA,cAAc,YAAA,IAAgB,aAAA;AAAA,cAC9B,cAAc,UAAA,IAAc;AAAA;AAC9B;AAAA;AACF;AAAA;AAAA,GACF;AAEJ","file":"Divider.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\n\nexport type DividerProps = {\n className?: string;\n direction?: \"horizontal\" | \"vertical\";\n};\n\nexport const Divider = ({\n className,\n direction = \"horizontal\",\n}: DividerProps) => {\n return (\n <div\n className={classNames(\n \"flex\",\n direction === \"horizontal\" && \"flex-col w-full\",\n direction === \"vertical\" && \"flex-row h-full\",\n className\n )}\n >\n <div\n className={classNames(\n \"bg-background\",\n direction === \"horizontal\" && \"w-full h-px\",\n direction === \"vertical\" && \"h-full w-px\"\n )}\n />\n <div\n className={classNames(\n \"bg-border-light\",\n direction === \"horizontal\" && \"w-full h-px\",\n direction === \"vertical\" && \"h-full w-px\"\n )}\n />\n </div>\n );\n};\n"]}
|
package/dist/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Icon.tsx"],"names":["IconComponents","jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["../src/Icon.tsx"],"names":["IconComponents","jsx"],"mappings":";;;;;AAYO,MAAM,OAAO,CAAC,EAAE,WAAW,IAAA,EAAM,IAAA,EAAM,cAAa,KAAiB;AAC1E,EAAA,MAAM,aAAA,GAAgBA,qBAAe,IAAI,CAAA;AAEzC,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,KAAA,EAAQ,IAAI,CAAA,UAAA,CAAY,CAAA;AACrC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,gBAAgB,EAAC;AAAA,MAC/B,IAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ","file":"Icon.js","sourcesContent":["\"use client\";\n\nimport { courseDifficulty } from \"./utils/colours\";\nimport { IconComponents, type IconName } from \"./icons\";\n\nexport type IconProps = {\n name: IconName;\n size?: number;\n className?: string;\n difficulties?: Array<keyof typeof courseDifficulty>;\n};\n\nexport const Icon = ({ className, name, size, difficulties }: IconProps) => {\n const IconComponent = IconComponents[name];\n\n if (!IconComponent) {\n console.warn(`Icon ${name} not found`);\n return null;\n }\n\n return (\n <IconComponent\n difficulties={difficulties || []}\n size={size}\n className={className}\n name={name}\n />\n );\n};\n\n// Re-export for convenience\nexport { IconComponents, iconMetadata, type IconName } from \"./icons\";\n"]}
|
package/dist/Icon.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Icon.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"sources":["../src/Icon.tsx"],"names":[],"mappings":";;;;AAYO,MAAM,OAAO,CAAC,EAAE,WAAW,IAAA,EAAM,IAAA,EAAM,cAAa,KAAiB;AAC1E,EAAA,MAAM,aAAA,GAAgB,eAAe,IAAI,CAAA;AAEzC,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,KAAA,EAAQ,IAAI,CAAA,UAAA,CAAY,CAAA;AACrC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,gBAAgB,EAAC;AAAA,MAC/B,IAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ","file":"Icon.mjs","sourcesContent":["\"use client\";\n\nimport { courseDifficulty } from \"./utils/colours\";\nimport { IconComponents, type IconName } from \"./icons\";\n\nexport type IconProps = {\n name: IconName;\n size?: number;\n className?: string;\n difficulties?: Array<keyof typeof courseDifficulty>;\n};\n\nexport const Icon = ({ className, name, size, difficulties }: IconProps) => {\n const IconComponent = IconComponents[name];\n\n if (!IconComponent) {\n console.warn(`Icon ${name} not found`);\n return null;\n }\n\n return (\n <IconComponent\n difficulties={difficulties || []}\n size={size}\n className={className}\n name={name}\n />\n );\n};\n\n// Re-export for convenience\nexport { IconComponents, iconMetadata, type IconName } from \"./icons\";\n"]}
|
package/dist/Toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Toast.tsx"],"names":["jsxs","classNames","jsx","CrosshairCorners","Icon","toast"],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../src/Toast.tsx"],"names":["jsxs","classNames","jsx","CrosshairCorners","Icon","toast"],"mappings":";;;;;;;;;;;;AAgBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,2BAAA;AAAA,QACT,oIAAA;AAAA,QACA,YAAY,SAAA,IAAa,oBAAA;AAAA,QACzB,YAAY,OAAA,IAAW,kBAAA;AAAA,QACvB,YAAY,MAAA,IAAU,sBAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iFAAA,EAAkF,CAAA;AAAA,wBACjGF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,0BAAAE,cAAA;AAAA,YAACC,0BAAA;AAAA,YAAA;AAAA,cACC,cAAA,EAAgB,CAAA;AAAA,cAChB,iBAAA,EAAmB,GAAA;AAAA,cACnB,OAAA,EAAQ,UAAA;AAAA,cACR,IAAA,EAAM,CAAA;AAAA,cACN,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,yCACCC,SAAA,EAAA,EAAK,IAAA,EAAM,MAAM,SAAA,EAAU,4BAAA,EAA6B,MAAM,EAAA,EAAI,CAAA;AAAA,0BACnEF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAC7C,CAAA;AAAA,wBACAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4DAAA,EACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;AAGO,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyC;AACjE,EAAA,OAAOG,YAAA,CAAM,OAAO,CAAC,CAAA,oCAAO,KAAA,EAAA,EAAO,GAAG,OAAO,CAAA,EAAI;AAAA,IAC/C,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AACH;AAEO,MAAM,gBAAA,GAAmB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACtE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH;AAEO,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACpE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH;AAEO,MAAM,aAAA,GAAgB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACnE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH","file":"Toast.js","sourcesContent":["\"use client\";\n\nimport { Icon, IconName } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { toast } from \"sonner\";\n\nexport type ToastProps = {\n className?: string;\n title: string;\n description: string;\n icon: IconName;\n variant: \"success\" | \"error\" | \"info\";\n clearable?: boolean;\n};\n\nexport const Toast = ({\n className,\n title,\n description,\n icon,\n variant,\n clearable,\n}: ToastProps) => {\n return (\n <div\n className={classNames(\n \"px-0 pb-4 pt-3 w-[calc(100dvw-32px)] xs:w-[300px] flex flex-col gap-y-2.5 bg-card-foreground gradient-border before:bg-card-border\",\n variant === \"success\" && \"text-state-success\",\n variant === \"error\" && \"text-state-error\",\n variant === \"info\" && \"text-shade-secondary\",\n className\n )}\n >\n <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent\"></div>\n <div className=\"px-3 py-2 bg-current/5 border border-current/15 flex items-center gap-x-2.5 relative\">\n <CrosshairCorners\n animationDelay={0}\n animationDuration={0.5}\n variant=\"bordered\"\n size={4}\n spacingX={1}\n />\n <Icon name={icon} className=\"flex-shrink-0 text-current\" size={16} />\n <span className=\"font-mono text-sm\">{title}</span>\n </div>\n <p className=\"text-sm leading-[160%] font-medium text-shade-primary px-4\">\n {description}\n </p>\n </div>\n );\n};\n\n// Sonner integration helpers\nexport const showToast = (props: Omit<ToastProps, \"className\">) => {\n return toast.custom((t) => <Toast {...props} />, {\n duration: 4000,\n unstyled: true,\n });\n};\n\nexport const showSuccessToast = (title: string, description: string) => {\n return showToast({\n title,\n description,\n icon: \"SuccessCircle\",\n variant: \"success\",\n });\n};\n\nexport const showErrorToast = (title: string, description: string) => {\n return showToast({\n title,\n description,\n icon: \"Error\",\n variant: \"error\",\n });\n};\n\nexport const showInfoToast = (title: string, description: string) => {\n return showToast({\n title,\n description,\n icon: \"Loading\",\n variant: \"info\",\n });\n};\n"]}
|
package/dist/Toast.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Toast.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"sources":["../src/Toast.tsx"],"names":[],"mappings":";;;;;;AAgBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,oIAAA;AAAA,QACA,YAAY,SAAA,IAAa,oBAAA;AAAA,QACzB,YAAY,OAAA,IAAW,kBAAA;AAAA,QACvB,YAAY,MAAA,IAAU,sBAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iFAAA,EAAkF,CAAA;AAAA,wBACjG,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,cAAA,EAAgB,CAAA;AAAA,cAChB,iBAAA,EAAmB,GAAA;AAAA,cACnB,OAAA,EAAQ,UAAA;AAAA,cACR,IAAA,EAAM,CAAA;AAAA,cACN,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,8BACC,IAAA,EAAA,EAAK,IAAA,EAAM,MAAM,SAAA,EAAU,4BAAA,EAA6B,MAAM,EAAA,EAAI,CAAA;AAAA,0BACnE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAC7C,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4DAAA,EACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;AAGO,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyC;AACjE,EAAA,OAAO,KAAA,CAAM,OAAO,CAAC,CAAA,yBAAO,KAAA,EAAA,EAAO,GAAG,OAAO,CAAA,EAAI;AAAA,IAC/C,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AACH;AAEO,MAAM,gBAAA,GAAmB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACtE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH;AAEO,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACpE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH;AAEO,MAAM,aAAA,GAAgB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACnE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH","file":"Toast.mjs","sourcesContent":["\"use client\";\n\nimport { Icon, IconName } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { toast } from \"sonner\";\n\nexport type ToastProps = {\n className?: string;\n title: string;\n description: string;\n icon: IconName;\n variant: \"success\" | \"error\" | \"info\";\n clearable?: boolean;\n};\n\nexport const Toast = ({\n className,\n title,\n description,\n icon,\n variant,\n clearable,\n}: ToastProps) => {\n return (\n <div\n className={classNames(\n \"px-0 pb-4 pt-3 w-[calc(100dvw-32px)] xs:w-[300px] flex flex-col gap-y-2.5 bg-card-foreground gradient-border before:bg-card-border\",\n variant === \"success\" && \"text-state-success\",\n variant === \"error\" && \"text-state-error\",\n variant === \"info\" && \"text-shade-secondary\",\n className\n )}\n >\n <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent\"></div>\n <div className=\"px-3 py-2 bg-current/5 border border-current/15 flex items-center gap-x-2.5 relative\">\n <CrosshairCorners\n animationDelay={0}\n animationDuration={0.5}\n variant=\"bordered\"\n size={4}\n spacingX={1}\n />\n <Icon name={icon} className=\"flex-shrink-0 text-current\" size={16} />\n <span className=\"font-mono text-sm\">{title}</span>\n </div>\n <p className=\"text-sm leading-[160%] font-medium text-shade-primary px-4\">\n {description}\n </p>\n </div>\n );\n};\n\n// Sonner integration helpers\nexport const showToast = (props: Omit<ToastProps, \"className\">) => {\n return toast.custom((t) => <Toast {...props} />, {\n duration: 4000,\n unstyled: true,\n });\n};\n\nexport const showSuccessToast = (title: string, description: string) => {\n return showToast({\n title,\n description,\n icon: \"SuccessCircle\",\n variant: \"success\",\n });\n};\n\nexport const showErrorToast = (title: string, description: string) => {\n return showToast({\n title,\n description,\n icon: \"Error\",\n variant: \"error\",\n });\n};\n\nexport const showInfoToast = (title: string, description: string) => {\n return showToast({\n title,\n description,\n icon: \"Loading\",\n variant: \"info\",\n });\n};\n"]}
|