@medialane/ui 0.278.0 → 0.280.0

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.
Files changed (16) hide show
  1. package/dist/components/account/input-otp.d.cts +2 -2
  2. package/dist/components/account/input-otp.d.ts +2 -2
  3. package/dist/components/button.d.cts +2 -2
  4. package/dist/components/button.d.ts +2 -2
  5. package/dist/components/fast-mint/fast-mint.d.cts +2 -2
  6. package/dist/components/fast-mint/fast-mint.d.ts +2 -2
  7. package/dist/components/launchpad/edition-mint-schema.d.cts +2 -2
  8. package/dist/components/launchpad/edition-mint-schema.d.ts +2 -2
  9. package/dist/components/sheet.d.cts +1 -1
  10. package/dist/components/sheet.d.ts +1 -1
  11. package/dist/medialane.css +79 -0
  12. package/dist/preset/tailwind.cjs +62 -7
  13. package/dist/preset/tailwind.cjs.map +1 -1
  14. package/dist/preset/tailwind.js +52 -7
  15. package/dist/preset/tailwind.js.map +1 -1
  16. package/package.json +3 -2
package/dist/components/account/input-otp.d.cts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as input_otp from 'input-otp';
2
2
  import * as React from 'react';
3
3
 
4
- declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
4
+ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
5
5
  value?: string;
6
6
  onChange?: (newValue: string) => unknown;
7
7
  maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
14
14
  } & {
15
15
  render: (props: input_otp.RenderProps) => React.ReactNode;
16
16
  children?: never;
17
- } & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
17
+ } & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
18
18
  value?: string;
19
19
  onChange?: (newValue: string) => unknown;
20
20
  maxLength: number;
package/dist/components/account/input-otp.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as input_otp from 'input-otp';
2
2
  import * as React from 'react';
3
3
 
4
- declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
4
+ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
5
5
  value?: string;
6
6
  onChange?: (newValue: string) => unknown;
7
7
  maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
14
14
  } & {
15
15
  render: (props: input_otp.RenderProps) => React.ReactNode;
16
16
  children?: never;
17
- } & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
17
+ } & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
18
18
  value?: string;
19
19
  onChange?: (newValue: string) => unknown;
20
20
  maxLength: number;
package/dist/components/button.d.cts CHANGED
@@ -3,8 +3,8 @@ import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const buttonVariants: (props?: ({
6
- variant?: "ghost" | "link" | "default" | "destructive" | "outline" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
7
- size?: "icon" | "default" | "sm" | "lg" | null | undefined;
6
+ variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
7
+ size?: "default" | "icon" | "sm" | "lg" | null | undefined;
8
8
  } & class_variance_authority_types.ClassProp) | undefined) => string;
9
9
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
10
10
  asChild?: boolean;
package/dist/components/button.d.ts CHANGED
@@ -3,8 +3,8 @@ import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const buttonVariants: (props?: ({
6
- variant?: "ghost" | "link" | "default" | "destructive" | "outline" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
7
- size?: "icon" | "default" | "sm" | "lg" | null | undefined;
6
+ variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
7
+ size?: "default" | "icon" | "sm" | "lg" | null | undefined;
8
8
  } & class_variance_authority_types.ClassProp) | undefined) => string;
9
9
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
10
10
  asChild?: boolean;
package/dist/components/fast-mint/fast-mint.d.cts CHANGED
@@ -1,10 +1,10 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as React from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { FastMintProps } from './types.cjs';
4
4
  import 'starknet';
5
5
  import '@medialane/sdk';
6
6
  import '@medialane/sdk/starknet';
7
7
 
8
- declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
8
+ declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
9
9
 
10
10
  export { FastMint };
package/dist/components/fast-mint/fast-mint.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as React from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { FastMintProps } from './types.js';
4
4
  import 'starknet';
5
5
  import '@medialane/sdk';
6
6
  import '@medialane/sdk/starknet';
7
7
 
8
- declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
8
+ declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
9
9
 
10
10
  export { FastMint };
package/dist/components/launchpad/edition-mint-schema.d.cts CHANGED
@@ -16,7 +16,6 @@ declare const editionMintSchema: zod.ZodObject<{
16
16
  royalty: zod.ZodNumber;
17
17
  }, "strip", zod.ZodTypeAny, {
18
18
  name: string;
19
- value: string;
20
19
  ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
21
20
  licenseType: string;
22
21
  commercialUse: "Yes" | "No";
@@ -25,12 +24,12 @@ declare const editionMintSchema: zod.ZodObject<{
25
24
  geographicScope: string;
26
25
  aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
27
26
  royalty: number;
27
+ value: string;
28
28
  recipient: string;
29
29
  description?: string | undefined;
30
30
  external_url?: string | undefined;
31
31
  }, {
32
32
  name: string;
33
- value: string;
34
33
  ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
35
34
  licenseType: string;
36
35
  commercialUse: "Yes" | "No";
@@ -39,6 +38,7 @@ declare const editionMintSchema: zod.ZodObject<{
39
38
  geographicScope: string;
40
39
  aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
41
40
  royalty: number;
41
+ value: string;
42
42
  recipient: string;
43
43
  description?: string | undefined;
44
44
  external_url?: string | undefined;
package/dist/components/launchpad/edition-mint-schema.d.ts CHANGED
@@ -16,7 +16,6 @@ declare const editionMintSchema: zod.ZodObject<{
16
16
  royalty: zod.ZodNumber;
17
17
  }, "strip", zod.ZodTypeAny, {
18
18
  name: string;
19
- value: string;
20
19
  ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
21
20
  licenseType: string;
22
21
  commercialUse: "Yes" | "No";
@@ -25,12 +24,12 @@ declare const editionMintSchema: zod.ZodObject<{
25
24
  geographicScope: string;
26
25
  aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
27
26
  royalty: number;
27
+ value: string;
28
28
  recipient: string;
29
29
  description?: string | undefined;
30
30
  external_url?: string | undefined;
31
31
  }, {
32
32
  name: string;
33
- value: string;
34
33
  ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
35
34
  licenseType: string;
36
35
  commercialUse: "Yes" | "No";
@@ -39,6 +38,7 @@ declare const editionMintSchema: zod.ZodObject<{
39
38
  geographicScope: string;
40
39
  aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
41
40
  royalty: number;
41
+ value: string;
42
42
  recipient: string;
43
43
  description?: string | undefined;
44
44
  external_url?: string | undefined;
package/dist/components/sheet.d.cts CHANGED
@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
10
10
  declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
11
11
  declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
  declare const sheetVariants: (props?: ({
13
- side?: "left" | "right" | "bottom" | "top" | null | undefined;
13
+ side?: "bottom" | "left" | "right" | "top" | null | undefined;
14
14
  } & class_variance_authority_types.ClassProp) | undefined) => string;
15
15
  interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
16
16
  overlayClassName?: string;
package/dist/components/sheet.d.ts CHANGED
@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
10
10
  declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
11
11
  declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
  declare const sheetVariants: (props?: ({
13
- side?: "left" | "right" | "bottom" | "top" | null | undefined;
13
+ side?: "bottom" | "left" | "right" | "top" | null | undefined;
14
14
  } & class_variance_authority_types.ClassProp) | undefined) => string;
15
15
  interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
16
16
  overlayClassName?: string;
package/dist/medialane.css CHANGED
@@ -1,3 +1,82 @@
1
+ :root {
2
+ --background: 0 0% 99%;
3
+ --foreground: 224 47% 11%;
4
+ --card: 0 0% 100%;
5
+ --card-foreground: 224 47% 11%;
6
+ --popover: 0 0% 100%;
7
+ --popover-foreground: 224 47% 11%;
8
+ --primary: 248 81% 56%;
9
+ --primary-foreground: 0 0% 98%;
10
+ --secondary: 220 14% 96%;
11
+ --secondary-foreground: 224 47% 11%;
12
+ --muted: 220 14% 96%;
13
+ --muted-foreground: 220 9% 46%;
14
+ --accent: 221 83% 53%;
15
+ --accent-foreground: 0 0% 98%;
16
+ --destructive: 350 89% 60%;
17
+ --destructive-foreground: 0 0% 98%;
18
+ --border: 220 13% 91%;
19
+ --input: 220 13% 91%;
20
+ --ring: 271 81% 56%;
21
+ --radius: 1rem;
22
+ --price: 21 90% 44%;
23
+
24
+ --sidebar-background: 0 0% 98%;
25
+ --sidebar-foreground: 224 47% 11%;
26
+ --sidebar-primary: 271 81% 56%;
27
+ --sidebar-primary-foreground: 0 0% 98%;
28
+ --sidebar-accent: 220 14% 96%;
29
+ --sidebar-accent-foreground: 224 47% 11%;
30
+ --sidebar-border: 220 13% 91%;
31
+ --sidebar-ring: 221 83% 53%;
32
+
33
+ --brand-blue: 240 100% 62%;
34
+ --brand-navy: 229 51% 8%;
35
+ --brand-rose: 341 89% 67%;
36
+ --brand-purple: 258 90% 66%;
37
+ --brand-orange: 23 96% 63%;
38
+ --brand-maeve: 327 64% 67%;
39
+ }
40
+
41
+ .dark {
42
+ --background: 224 50% 4%;
43
+ --foreground: 210 20% 95%;
44
+ --card: 224 40% 8%;
45
+ --card-foreground: 210 20% 95%;
46
+ --popover: 224 40% 8%;
47
+ --popover-foreground: 210 20% 95%;
48
+ --primary: 248 81% 65%;
49
+ --primary-foreground: 0 0% 98%;
50
+ --secondary: 224 30% 13%;
51
+ --secondary-foreground: 210 15% 85%;
52
+ --muted: 224 30% 13%;
53
+ --muted-foreground: 220 10% 55%;
54
+ --accent: 221 83% 65%;
55
+ --accent-foreground: 0 0% 98%;
56
+ --destructive: 350 80% 55%;
57
+ --destructive-foreground: 0 0% 98%;
58
+ --border: 262 30% 18%;
59
+ --input: 224 20% 16%;
60
+ --ring: 271 81% 65%;
61
+ --price: 21 90% 58%;
62
+
63
+ --sidebar-background: 224 50% 4%;
64
+ --sidebar-foreground: 210 15% 80%;
65
+ --sidebar-primary: 271 81% 65%;
66
+ --sidebar-primary-foreground: 0 0% 100%;
67
+ --sidebar-accent: 224 30% 11%;
68
+ --sidebar-accent-foreground: 210 15% 85%;
69
+ --sidebar-border: 224 20% 12%;
70
+ --sidebar-ring: 271 60% 65%;
71
+
72
+ --brand-blue: 240 100% 62%;
73
+ --brand-navy: 229 51% 8%;
74
+ --brand-rose: 341 89% 67%;
75
+ --brand-purple: 258 90% 66%;
76
+ --brand-orange: 23 96% 63%;
77
+ --brand-maeve: 327 64% 67%;
78
+ }
79
+
1
80
  ::-webkit-scrollbar { width: 4px; height: 4px; }
2
81
  ::-webkit-scrollbar-track { background: transparent; }
3
82
  ::-webkit-scrollbar-thumb { background: hsl(var(--border)); border-radius: 4px; }
package/dist/preset/tailwind.cjs CHANGED
@@ -1,7 +1,9 @@
1
1
  "use strict";
2
+ var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
5
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
8
  var __export = (target, all) => {
7
9
  for (var name in all)
@@ -15,25 +17,78 @@ var __copyProps = (to, from, except, desc) => {
15
17
  }
16
18
  return to;
17
19
  };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
18
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
29
  var tailwind_exports = {};
20
30
  __export(tailwind_exports, {
21
31
  default: () => tailwind_default
22
32
  });
23
33
  module.exports = __toCommonJS(tailwind_exports);
34
+ var import_plugin = __toESM(require("tailwindcss/plugin"), 1);
35
+ const pair = (name) => ({
36
+ DEFAULT: `hsl(var(--${name}))`,
37
+ foreground: `hsl(var(--${name}-foreground))`
38
+ });
24
39
  const medialanePreset = {
40
+ darkMode: ["class"],
41
+ plugins: [
42
+ (0, import_plugin.default)(({ addBase, theme }) => {
43
+ addBase({
44
+ "*": { borderColor: theme("colors.border") },
45
+ "html, body": { overflowX: "clip", maxWidth: "100%" },
46
+ body: {
47
+ backgroundColor: theme("colors.background"),
48
+ color: theme("colors.foreground"),
49
+ fontFeatureSettings: '"rlig" 1, "calt" 1'
50
+ },
51
+ "h1, h2, h3, h4": { letterSpacing: theme("letterSpacing.tight") }
52
+ });
53
+ })
54
+ ],
25
55
  theme: {
26
56
  extend: {
27
57
  colors: {
28
- "brand-blue": "hsl(var(--brand-blue, 220 100% 62%))",
29
- "brand-purple": "hsl(var(--brand-purple, 258 90% 66%))",
30
- "brand-rose": "hsl(var(--brand-rose, 341 89% 67%))",
31
- "brand-orange": "hsl(var(--brand-orange, 23 96% 63%))",
32
- "brand-maeve": "hsl(var(--brand-maeve, 327 64% 67%))",
33
- "brand-navy": "hsl(var(--brand-navy, 229 51% 8%))"
58
+ border: "hsl(var(--border))",
59
+ input: "hsl(var(--input))",
60
+ ring: "hsl(var(--ring))",
61
+ background: "hsl(var(--background))",
62
+ foreground: "hsl(var(--foreground))",
63
+ primary: pair("primary"),
64
+ secondary: pair("secondary"),
65
+ destructive: pair("destructive"),
66
+ muted: pair("muted"),
67
+ accent: pair("accent"),
68
+ popover: pair("popover"),
69
+ card: pair("card"),
70
+ sidebar: {
71
+ DEFAULT: "hsl(var(--sidebar-background))",
72
+ foreground: "hsl(var(--sidebar-foreground))",
73
+ primary: "hsl(var(--sidebar-primary))",
74
+ "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
75
+ accent: "hsl(var(--sidebar-accent))",
76
+ "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
77
+ border: "hsl(var(--sidebar-border))",
78
+ ring: "hsl(var(--sidebar-ring))"
79
+ },
80
+ "brand-blue": "hsl(var(--brand-blue))",
81
+ "brand-purple": "hsl(var(--brand-purple))",
82
+ "brand-rose": "hsl(var(--brand-rose))",
83
+ "brand-orange": "hsl(var(--brand-orange))",
84
+ "brand-maeve": "hsl(var(--brand-maeve))",
85
+ "brand-navy": "hsl(var(--brand-navy))"
34
86
  },
35
87
  borderRadius: {
36
- brand: "11px"
88
+ brand: "11px",
89
+ lg: "var(--radius)",
90
+ md: "calc(var(--radius) - 2px)",
91
+ sm: "calc(var(--radius) - 4px)"
37
92
  },
38
93
  fontFamily: {
39
94
  display: ["var(--font-display)", "Urbanist", "Inter", "system-ui", "sans-serif"]
package/dist/preset/tailwind.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/preset/tailwind.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst medialanePreset: Partial<Config> = {\n theme: {\n extend: {\n colors: {\n\n \"brand-blue\": \"hsl(var(--brand-blue, 220 100% 62%))\",\n \"brand-purple\": \"hsl(var(--brand-purple, 258 90% 66%))\",\n \"brand-rose\": \"hsl(var(--brand-rose, 341 89% 67%))\",\n \"brand-orange\": \"hsl(var(--brand-orange, 23 96% 63%))\",\n \"brand-maeve\": \"hsl(var(--brand-maeve, 327 64% 67%))\",\n \"brand-navy\": \"hsl(var(--brand-navy, 229 51% 8%))\",\n },\n borderRadius: {\n brand: \"11px\",\n },\n fontFamily: {\n\n display: [\"var(--font-display)\", \"Urbanist\", \"Inter\", \"system-ui\", \"sans-serif\"],\n },\n fontSize: {\n\n \"2xs\": [\"11px\", { lineHeight: \"14px\" }],\n },\n },\n },\n};\n\nexport default medialanePreset;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,kBAAmC;AAAA,EACvC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QAEN,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,eAAkB;AAAA,QAClB,cAAkB;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QAEV,SAAS,CAAC,uBAAuB,YAAY,SAAS,aAAa,YAAY;AAAA,MACjF;AAAA,MACA,UAAU;AAAA,QAER,OAAO,CAAC,QAAQ,EAAE,YAAY,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../src/preset/tailwind.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport plugin from \"tailwindcss/plugin\";\n\nconst pair = (name: string) => ({\n DEFAULT: `hsl(var(--${name}))`,\n foreground: `hsl(var(--${name}-foreground))`,\n});\n\nconst medialanePreset: Partial<Config> = {\n darkMode: [\"class\"],\n plugins: [\n plugin(({ addBase, theme }) => {\n addBase({\n \"*\": { borderColor: theme(\"colors.border\") },\n \"html, body\": { overflowX: \"clip\", maxWidth: \"100%\" },\n body: {\n backgroundColor: theme(\"colors.background\"),\n color: theme(\"colors.foreground\"),\n fontFeatureSettings: '\"rlig\" 1, \"calt\" 1',\n },\n \"h1, h2, h3, h4\": { letterSpacing: theme(\"letterSpacing.tight\") },\n });\n }),\n ],\n theme: {\n extend: {\n colors: {\n border: \"hsl(var(--border))\",\n input: \"hsl(var(--input))\",\n ring: \"hsl(var(--ring))\",\n background: \"hsl(var(--background))\",\n foreground: \"hsl(var(--foreground))\",\n primary: pair(\"primary\"),\n secondary: pair(\"secondary\"),\n destructive: pair(\"destructive\"),\n muted: pair(\"muted\"),\n accent: pair(\"accent\"),\n popover: pair(\"popover\"),\n card: pair(\"card\"),\n sidebar: {\n DEFAULT: \"hsl(var(--sidebar-background))\",\n foreground: \"hsl(var(--sidebar-foreground))\",\n primary: \"hsl(var(--sidebar-primary))\",\n \"primary-foreground\": \"hsl(var(--sidebar-primary-foreground))\",\n accent: \"hsl(var(--sidebar-accent))\",\n \"accent-foreground\": \"hsl(var(--sidebar-accent-foreground))\",\n border: \"hsl(var(--sidebar-border))\",\n ring: \"hsl(var(--sidebar-ring))\",\n },\n \"brand-blue\": \"hsl(var(--brand-blue))\",\n \"brand-purple\": \"hsl(var(--brand-purple))\",\n \"brand-rose\": \"hsl(var(--brand-rose))\",\n \"brand-orange\": \"hsl(var(--brand-orange))\",\n \"brand-maeve\": \"hsl(var(--brand-maeve))\",\n \"brand-navy\": \"hsl(var(--brand-navy))\",\n },\n borderRadius: {\n brand: \"11px\",\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n fontFamily: {\n display: [\"var(--font-display)\", \"Urbanist\", \"Inter\", \"system-ui\", \"sans-serif\"],\n },\n fontSize: {\n \"2xs\": [\"11px\", { lineHeight: \"14px\" }],\n },\n },\n },\n};\n\nexport default medialanePreset;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAmB;AAEnB,MAAM,OAAO,CAAC,UAAkB;AAAA,EAC9B,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY,aAAa,IAAI;AAC/B;AAEA,MAAM,kBAAmC;AAAA,EACvC,UAAU,CAAC,OAAO;AAAA,EAClB,SAAS;AAAA,QACP,cAAAA,SAAO,CAAC,EAAE,SAAS,MAAM,MAAM;AAC7B,cAAQ;AAAA,QACN,KAAK,EAAE,aAAa,MAAM,eAAe,EAAE;AAAA,QAC3C,cAAc,EAAE,WAAW,QAAQ,UAAU,OAAO;AAAA,QACpD,MAAM;AAAA,UACJ,iBAAiB,MAAM,mBAAmB;AAAA,UAC1C,OAAO,MAAM,mBAAmB;AAAA,UAChC,qBAAqB;AAAA,QACvB;AAAA,QACA,kBAAkB,EAAE,eAAe,MAAM,qBAAqB,EAAE;AAAA,MAClE,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS,KAAK,SAAS;AAAA,QACvB,WAAW,KAAK,WAAW;AAAA,QAC3B,aAAa,KAAK,aAAa;AAAA,QAC/B,OAAO,KAAK,OAAO;AAAA,QACnB,QAAQ,KAAK,QAAQ;AAAA,QACrB,SAAS,KAAK,SAAS;AAAA,QACvB,MAAM,KAAK,MAAM;AAAA,QACjB,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,sBAAsB;AAAA,UACtB,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,QAAQ;AAAA,UACR,MAAM;AAAA,QACR;AAAA,QACA,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,eAAkB;AAAA,QAClB,cAAkB;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,uBAAuB,YAAY,SAAS,aAAa,YAAY;AAAA,MACjF;AAAA,MACA,UAAU;AAAA,QACR,OAAO,CAAC,QAAQ,EAAE,YAAY,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;","names":["plugin"]}
package/dist/preset/tailwind.js CHANGED
@@ -1,16 +1,61 @@
1
+ import plugin from "tailwindcss/plugin";
2
+ const pair = (name) => ({
3
+ DEFAULT: `hsl(var(--${name}))`,
4
+ foreground: `hsl(var(--${name}-foreground))`
5
+ });
1
6
  const medialanePreset = {
7
+ darkMode: ["class"],
8
+ plugins: [
9
+ plugin(({ addBase, theme }) => {
10
+ addBase({
11
+ "*": { borderColor: theme("colors.border") },
12
+ "html, body": { overflowX: "clip", maxWidth: "100%" },
13
+ body: {
14
+ backgroundColor: theme("colors.background"),
15
+ color: theme("colors.foreground"),
16
+ fontFeatureSettings: '"rlig" 1, "calt" 1'
17
+ },
18
+ "h1, h2, h3, h4": { letterSpacing: theme("letterSpacing.tight") }
19
+ });
20
+ })
21
+ ],
2
22
  theme: {
3
23
  extend: {
4
24
  colors: {
5
- "brand-blue": "hsl(var(--brand-blue, 220 100% 62%))",
6
- "brand-purple": "hsl(var(--brand-purple, 258 90% 66%))",
7
- "brand-rose": "hsl(var(--brand-rose, 341 89% 67%))",
8
- "brand-orange": "hsl(var(--brand-orange, 23 96% 63%))",
9
- "brand-maeve": "hsl(var(--brand-maeve, 327 64% 67%))",
10
- "brand-navy": "hsl(var(--brand-navy, 229 51% 8%))"
25
+ border: "hsl(var(--border))",
26
+ input: "hsl(var(--input))",
27
+ ring: "hsl(var(--ring))",
28
+ background: "hsl(var(--background))",
29
+ foreground: "hsl(var(--foreground))",
30
+ primary: pair("primary"),
31
+ secondary: pair("secondary"),
32
+ destructive: pair("destructive"),
33
+ muted: pair("muted"),
34
+ accent: pair("accent"),
35
+ popover: pair("popover"),
36
+ card: pair("card"),
37
+ sidebar: {
38
+ DEFAULT: "hsl(var(--sidebar-background))",
39
+ foreground: "hsl(var(--sidebar-foreground))",
40
+ primary: "hsl(var(--sidebar-primary))",
41
+ "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
42
+ accent: "hsl(var(--sidebar-accent))",
43
+ "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
44
+ border: "hsl(var(--sidebar-border))",
45
+ ring: "hsl(var(--sidebar-ring))"
46
+ },
47
+ "brand-blue": "hsl(var(--brand-blue))",
48
+ "brand-purple": "hsl(var(--brand-purple))",
49
+ "brand-rose": "hsl(var(--brand-rose))",
50
+ "brand-orange": "hsl(var(--brand-orange))",
51
+ "brand-maeve": "hsl(var(--brand-maeve))",
52
+ "brand-navy": "hsl(var(--brand-navy))"
11
53
  },
12
54
  borderRadius: {
13
- brand: "11px"
55
+ brand: "11px",
56
+ lg: "var(--radius)",
57
+ md: "calc(var(--radius) - 2px)",
58
+ sm: "calc(var(--radius) - 4px)"
14
59
  },
15
60
  fontFamily: {
16
61
  display: ["var(--font-display)", "Urbanist", "Inter", "system-ui", "sans-serif"]
package/dist/preset/tailwind.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/preset/tailwind.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst medialanePreset: Partial<Config> = {\n theme: {\n extend: {\n colors: {\n\n \"brand-blue\": \"hsl(var(--brand-blue, 220 100% 62%))\",\n \"brand-purple\": \"hsl(var(--brand-purple, 258 90% 66%))\",\n \"brand-rose\": \"hsl(var(--brand-rose, 341 89% 67%))\",\n \"brand-orange\": \"hsl(var(--brand-orange, 23 96% 63%))\",\n \"brand-maeve\": \"hsl(var(--brand-maeve, 327 64% 67%))\",\n \"brand-navy\": \"hsl(var(--brand-navy, 229 51% 8%))\",\n },\n borderRadius: {\n brand: \"11px\",\n },\n fontFamily: {\n\n display: [\"var(--font-display)\", \"Urbanist\", \"Inter\", \"system-ui\", \"sans-serif\"],\n },\n fontSize: {\n\n \"2xs\": [\"11px\", { lineHeight: \"14px\" }],\n },\n },\n },\n};\n\nexport default medialanePreset;\n"],"mappings":"AAEA,MAAM,kBAAmC;AAAA,EACvC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QAEN,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,eAAkB;AAAA,QAClB,cAAkB;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QAEV,SAAS,CAAC,uBAAuB,YAAY,SAAS,aAAa,YAAY;AAAA,MACjF;AAAA,MACA,UAAU;AAAA,QAER,OAAO,CAAC,QAAQ,EAAE,YAAY,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../src/preset/tailwind.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport plugin from \"tailwindcss/plugin\";\n\nconst pair = (name: string) => ({\n DEFAULT: `hsl(var(--${name}))`,\n foreground: `hsl(var(--${name}-foreground))`,\n});\n\nconst medialanePreset: Partial<Config> = {\n darkMode: [\"class\"],\n plugins: [\n plugin(({ addBase, theme }) => {\n addBase({\n \"*\": { borderColor: theme(\"colors.border\") },\n \"html, body\": { overflowX: \"clip\", maxWidth: \"100%\" },\n body: {\n backgroundColor: theme(\"colors.background\"),\n color: theme(\"colors.foreground\"),\n fontFeatureSettings: '\"rlig\" 1, \"calt\" 1',\n },\n \"h1, h2, h3, h4\": { letterSpacing: theme(\"letterSpacing.tight\") },\n });\n }),\n ],\n theme: {\n extend: {\n colors: {\n border: \"hsl(var(--border))\",\n input: \"hsl(var(--input))\",\n ring: \"hsl(var(--ring))\",\n background: \"hsl(var(--background))\",\n foreground: \"hsl(var(--foreground))\",\n primary: pair(\"primary\"),\n secondary: pair(\"secondary\"),\n destructive: pair(\"destructive\"),\n muted: pair(\"muted\"),\n accent: pair(\"accent\"),\n popover: pair(\"popover\"),\n card: pair(\"card\"),\n sidebar: {\n DEFAULT: \"hsl(var(--sidebar-background))\",\n foreground: \"hsl(var(--sidebar-foreground))\",\n primary: \"hsl(var(--sidebar-primary))\",\n \"primary-foreground\": \"hsl(var(--sidebar-primary-foreground))\",\n accent: \"hsl(var(--sidebar-accent))\",\n \"accent-foreground\": \"hsl(var(--sidebar-accent-foreground))\",\n border: \"hsl(var(--sidebar-border))\",\n ring: \"hsl(var(--sidebar-ring))\",\n },\n \"brand-blue\": \"hsl(var(--brand-blue))\",\n \"brand-purple\": \"hsl(var(--brand-purple))\",\n \"brand-rose\": \"hsl(var(--brand-rose))\",\n \"brand-orange\": \"hsl(var(--brand-orange))\",\n \"brand-maeve\": \"hsl(var(--brand-maeve))\",\n \"brand-navy\": \"hsl(var(--brand-navy))\",\n },\n borderRadius: {\n brand: \"11px\",\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n fontFamily: {\n display: [\"var(--font-display)\", \"Urbanist\", \"Inter\", \"system-ui\", \"sans-serif\"],\n },\n fontSize: {\n \"2xs\": [\"11px\", { lineHeight: \"14px\" }],\n },\n },\n },\n};\n\nexport default medialanePreset;\n"],"mappings":"AACA,OAAO,YAAY;AAEnB,MAAM,OAAO,CAAC,UAAkB;AAAA,EAC9B,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY,aAAa,IAAI;AAC/B;AAEA,MAAM,kBAAmC;AAAA,EACvC,UAAU,CAAC,OAAO;AAAA,EAClB,SAAS;AAAA,IACP,OAAO,CAAC,EAAE,SAAS,MAAM,MAAM;AAC7B,cAAQ;AAAA,QACN,KAAK,EAAE,aAAa,MAAM,eAAe,EAAE;AAAA,QAC3C,cAAc,EAAE,WAAW,QAAQ,UAAU,OAAO;AAAA,QACpD,MAAM;AAAA,UACJ,iBAAiB,MAAM,mBAAmB;AAAA,UAC1C,OAAO,MAAM,mBAAmB;AAAA,UAChC,qBAAqB;AAAA,QACvB;AAAA,QACA,kBAAkB,EAAE,eAAe,MAAM,qBAAqB,EAAE;AAAA,MAClE,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,SAAS,KAAK,SAAS;AAAA,QACvB,WAAW,KAAK,WAAW;AAAA,QAC3B,aAAa,KAAK,aAAa;AAAA,QAC/B,OAAO,KAAK,OAAO;AAAA,QACnB,QAAQ,KAAK,QAAQ;AAAA,QACrB,SAAS,KAAK,SAAS;AAAA,QACvB,MAAM,KAAK,MAAM;AAAA,QACjB,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,sBAAsB;AAAA,UACtB,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,QAAQ;AAAA,UACR,MAAM;AAAA,QACR;AAAA,QACA,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,cAAkB;AAAA,QAClB,gBAAkB;AAAA,QAClB,eAAkB;AAAA,QAClB,cAAkB;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,uBAAuB,YAAY,SAAS,aAAa,YAAY;AAAA,MACjF;AAAA,MACA,UAAU;AAAA,QACR,OAAO,CAAC,QAAQ,EAAE,YAAY,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,mBAAQ;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medialane/ui",
3
- "version": "0.278.0",
3
+ "version": "0.280.0",
4
4
  "description": "Shared UI components for Medialane apps",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -51,7 +51,7 @@
51
51
  "preview": "vite --config preview/vite.config.ts"
52
52
  },
53
53
  "peerDependencies": {
54
- "@medialane/sdk": ">=0.215.0 <0.216.0",
54
+ "@medialane/sdk": ">=0.215.0 <1.0.0",
55
55
  "@radix-ui/react-checkbox": ">=1.1.0",
56
56
  "@radix-ui/react-collapsible": ">=1.1.0",
57
57
  "@radix-ui/react-dialog": ">=1.1.0",
@@ -81,6 +81,7 @@
81
81
  "starknet": ">=8.0.0",
82
82
  "swr": ">=2.0.0",
83
83
  "tailwind-merge": ">=2.0.0",
84
+ "tailwindcss": ">=3.4.0 <4",
84
85
  "zod": "^3.25.0"
85
86
  },
86
87
  "devDependencies": {